使用document.write写一个两行三列的表格
时间: 2023-09-24 07:06:39 浏览: 128
### 回答1:
好的,以下是使用document.write写一个两行三列的表格的代码:
```
<script>
document.write("<table border='1'>");
document.write("<tr>");
document.write("<td>第一行第一列</td>");
document.write("<td>第一行第二列</td>");
document.write("<td>第一行第三列</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td>第二行第一列</td>");
document.write("<td>第二行第二列</td>");
document.write("<td>第二行第三列</td>");
document.write("</tr>");
document.write("</table>");
</script>
```
该代码会生成一个边框为1的表格,包含两行三列。你可以将代码复制到HTML文件或网页中,然后在浏览器中打开该文件或网页,就可以看到生成的表格了。
### 回答2:
使用document.write方法可以编写一个两行三列的表格,代码如下:
```javascript
document.write("<table>");
document.write("<tr>");
document.write("<td>第一行第一列</td>");
document.write("<td>第一行第二列</td>");
document.write("<td>第一行第三列</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td>第二行第一列</td>");
document.write("<td>第二行第二列</td>");
document.write("<td>第二行第三列</td>");
document.write("</tr>");
document.write("</table>");
```
上述代码使用了HTML的<table>、<tr>和<td>等标签来创建表格结构。通过document.write方法将HTML代码写入文档中,从而实现生成一个两行三列的表格。第一行的<td>标签分别显示了"第一行第一列"、"第一行第二列"和"第一行第三列"这三个内容,第二行的<td>标签同理。
### 回答3:
使用document.write写一个两行三列的表格可以这样实现:
```html
<script>
document.write("<table>");
for (let i = 1; i <= 2; i++) {
document.write("<tr>");
for (let j = 1; j <= 3; j++) {
document.write("<td>" + "行" + i + "列" + j + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
```
上述代码中,我们首先使用`document.write`输出`<table>`标签,表示一个表格的开始。然后使用两个嵌套的for循环,外层循环用于控制行数,内层循环用于控制列数。在内层循环中,我们使用`document.write`输出`<tr>`标签,表示表格中的一行的开始,然后使用再一个嵌套循环输出`<td>`标签,表示一个单元格,并使用字符串拼接的方式生成行列编号。最后,我们用`document.write`输出`</tr>`标签,表示一行的结束。外层循环结束后,我们使用`document.write`输出`</table>`标签,表示整个表格的结束。
运行以上代码,即可在网页中生成一个两行三列的表格,表格中的单元格将显示行列编号。
阅读全文