gpt4 book ai didi

javascript - 如何在动态表中添加数据

转载 作者:行者123 更新时间:2023-11-29 19:10:49 30 4
gpt4 key购买 nike

您好,我有一个动态创建的表。这是创建表的代码

function table() {
var body = document.body,
tbl = document.createElement('table'),
tableId = document.createAttribute('id');
tableId.value = "table";
tbl.setAttributeNode(tableId);
tbl.style.width = '100%';
id = 0;
for (var i = 0; i < 30; i++) {
var tr = tbl.insertRow();
tr.setAttribute("data-id", i, 0);
for (var j = 0; j < 3; j++) {
var td = tr.insertCell();
td.appendChild(document.createTextNode(""));
}
}
$(".lefttablediv").append(tbl);
};
table();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

现在它是空表我想在每个 tr 中添加不同的数据我该如何添加数据?

最佳答案

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<Html>
<body id ="body">
</body>
</html>
<script>

function table() {

var body = document.body;

var tbl = document.createElement('table');

var tableId = document.createAttribute('id');
tableId.value = "table";
tbl.setAttributeNode(tableId);
tbl.style.width = '100%';
alert(tbl);


console.log(tbl);

id=0

for (var i = 0; i < 30; i++) {
var tr = tbl.insertRow();
tr.setAttribute("data-id", i, 0);

for (var j = 0; j < 3; j++) {

var td = tr.insertCell();
td.appendChild(document.createTextNode("Please add some text here"));


}

}

$("#body").append(tbl);



};
table();
</script>

td.appendChild(document.createTextNode(""));您正在附加显示空白页面的空白数据添加一些文本,它将反射(reflect)在页面上
***** td.appendChild(document.createTextNode("请在此处添加文本"))****

关于javascript - 如何在动态表中添加数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38967310/

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