gpt4 book ai didi

javascript - 将表格插入 div 元素

转载 作者:行者123 更新时间:2023-12-02 16:49:18 24 4
gpt4 key购买 nike

我想在按钮“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>

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

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

最佳答案

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

关于javascript - 将表格插入 div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26818567/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com