插入表格到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元素

回答

相關問題