Вставить таблицу в элемент div

Я хочу вставить динамически созданную таблицу в элемент div после нажатия кнопки «Кликнуть меня!». нажат.Вставить таблицу в элемент div

Здесь код:

<body> 
    <button onclick="CreatTable()">click me!</button> 
    <div id="ShowDataID"></div> 
    <script type="text/javascript"> 
     var data = ['First Name', 'Last Name', 'Email']; 

     function CreatTable() { 

      var table = document.createElement('table'); 
      //some logic to fill table 
      document.getElementById('ShowDataID').innerHTML = table; 
} 
    </script> 
</body>

Но после того, как я нажимаю "жми меня!" Таблица кнопок не отображается.

Почему таблица не отображается, что мне здесь не хватает?

источник

2014-11-08 Michael

#1 
function CreatTable() { 
    var table = document.createElement('table'); 

    document.getElementById('ShowDataID').appendChild(table); 
} 

#2 
function CreatTable() { 
    var _tmp = document.createElement('div'), 
     table = document.createElement('table'); 

    _tmp.appendChild(table); 

    document.getElementById('ShowDataID').innerHTML = _tmp.innerHTML; 
}

http://jsbin.com/soceca/1/

источник

2014-11-08 15:18:15

Вставить таблицу в элемент div

ответ

Смежные вопросы