gpt4 book ai didi

javascript - 动态 js 表不工作

转载 作者:太空宇宙 更新时间:2023-11-03 23:44:26 25 4
gpt4 key购买 nike

此 javascript 代码无法正常工作。任何人都可以帮助我解决这个问题。我已经尝试了很多但无法找出这里出了什么问题!检查了每一行。我不知道代码是否错误或有我的浏览器有什么问题

<html>
<head>
<title>table dynamic</title>
<style>
tr{width:100%;height:100%;border:1px solid black;}
td{height:33%;width:33%;padding:10px;}
.tableShape{
width:300px;
height:300px;
font-size:30px;
text-align:centre;
color:red;
}

table{border:1px solid black;padding:10px;}
</style>
</head>
<body>
<script>
var i, j;
var arr = new Array(3);
for (i = 0; i < 3; i++) {
arr[i] = new Array(3);
}
for (i = 0; i < 3; i++) {
for (j = 0; j < 3; j++) {
arr[i][j] = 1;
}
}

function tabs() {
var k, t;
var m = document.createElement("table");
m.setAttribute('class', "tableShape");

for (k = 0; k < 3; k++) {
var p = m.insertRow(k);
for (t = 0; t < 3; t++) {
var s = p.insertCell(t);
s.innerHTML += arr[i][j];
}
}
}
window.onLoad = tabs();
</script>
</body>
</html>

最佳答案

您必须将创建的元素附加到 DOM:

function tabs() {
var k, t;
var m = document.createElement("table");
m.setAttribute('class', "tableShape");

for (k = 0; k < 3; k++) {
var p = m.insertRow(k);
for (t = 0; t < 3; t++) {
var s = p.insertCell(t);
s.innerHTML += arr[i][j];
}
}
document.body.appendChild(m);
}

关于javascript - 动态 js 表不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21915119/

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