将表格插入div元素

Question

I want to insert dynamically created table to the div element after button "click me!" 我想在按钮“单击我！”之后将动态创建的表插入div元素。 pressed. 按下。

Here it the code: 这里是代码：

<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>

But after I press "click me!" 但是当我按下“点击我！”之后 button table not displayed. 按钮表未显示。

Why table not displayed what I am missing here? 为什么表格未显示我在这里缺少的内容？

Answer 1

#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/ http://jsbin.com/soceca/1/

将表格插入div元素

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-11-08 15:18:15

将表格插入div元素

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-11-08 15:18:15

解决方案1
2 已采纳 2014-11-08 15:18:15