使用javascript中的document.write创建表
当我运行代码时,我似乎什么也得不到,我的代码应该创建一个10乘10的表。我应该在用这张表的时候做。而且它还应该使用for循环,这样我就不必重复自己100次使用javascript中的document.write创建表,javascript,Javascript,当我运行代码时,我似乎什么也得不到,我的代码应该创建一个10乘10的表。我应该在用这张表的时候做。而且它还应该使用for循环,这样我就不必重复自己100次 document.write("<table>") document.write("<td>......") document.write("</table>") document.write(“”) 文件。填写(“……”) 文件。写(“”) 这是我当前需要改进的代码 <script>
document.write("<table>")
document.write("<td>......")
document.write("</table>")
document.write(“”)
文件。填写(“……”)
文件。写(“”)
这是我当前需要改进的代码
<script>
var table = " ";
var rows = 10;
var cols = 10;
for (var r= 0; r < rows;r++)
{
table += "<tr>";
for(var c = 1; c <= cols; c++)
{
table += "<td>" + c + "</td>";
}
table += "</td>";
}
document.write("<table border=1>" + table + "</table>");
}
</script>
var表=”;
var行=10;
var-cols=10;
对于(var r=0;r 对于(var c=1;c您的代码是错误的,因为您的末尾有一个无效的花括号,并且您从未结束第一个
以下是您的代码的更正版本:
var table = " ";
var rows = 10;
var cols = 10;
for (var r= 0; r < rows;r++)
{
table += "<tr>";
for(var c = 1; c <= cols; c++)
{
table += "<td>" + c + "</td>";
}
table += "</tr>";
}
document.write("<table border=1>" + table + "</table>");
var表=”;
var行=10;
var-cols=10;
对于(var r=0;r
您可以做的是通过执行
document.getElementByTagName('body')[0]。innerHTML+=“”
要在内部HTML正文标记的末尾创建内容,这里有document.write和concatenation的替代方法:
<script>
var table = document.createElement("table");
var rows = 10;
var cols = 10;
for(var r = 0; r < rows; r++){
var row_create = document.createElement("tr");
for(var c = 0; c < cols; c++){
var col_create = document.createElement("td");
row_create.appendChild(col_create);
}
table.appendChild(row_create);
}
document.body.appendChild(table);
</script>
var table=document.createElement(“表”);
var行=10;
var-cols=10;
对于(var r=0;r
去掉最后一个大括号,行:table+=”;应该是table+=”;感谢您快速正确的回答
table += "</tr>"
<script>
var table = document.createElement("table");
var rows = 10;
var cols = 10;
for(var r = 0; r < rows; r++){
var row_create = document.createElement("tr");
for(var c = 0; c < cols; c++){
var col_create = document.createElement("td");
row_create.appendChild(col_create);
}
table.appendChild(row_create);
}
document.body.appendChild(table);
</script>