Question

我想在按钮“click me！”之后将动态创建的表插入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>

但是在我按下“点击我！”之后按钮表未显示。

为什么表格没有显示我在这里缺少的内容？

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/

将表插入div元素

1 个答案: