js动态添加表格
时间: 2023-08-22 22:04:23 浏览: 64
好的,我可以告诉你如何使用 JavaScript 动态地向网页中添加表格。以下是一个简单的示例代码:
```html
<!-- 在页面中创建一个空的表格 -->
<table id="myTable"></table>
<script>
// 获取表格元素
var table = document.getElementById("myTable");
// 创建表格行和单元格
for (var i = 0; i < 3; i++) {
var row = table.insertRow(); // 插入新的行
var cell1 = row.insertCell(0); // 插入新的单元格
var cell2 = row.insertCell(1); // 插入新的单元格
// 设置单元格内容
cell1.innerHTML = "Row " + (i+1) + ", Cell 1";
cell2.innerHTML = "Row " + (i+1) + ", Cell 2";
}
</script>
```
在上面的代码中,我们首先在页面中创建了一个空的表格,然后使用 `document.getElementById()` 方法获取到该表格元素。接着,我们使用 `table.insertRow()` 方法创建了一个新的表格行,并使用 `row.insertCell()` 方法创建了两个新的单元格。最后,我们使用 `cell.innerHTML` 属性设置了单元格的内容。
你可以根据需要修改代码中的行数和单元格内容。希望这可以帮助你动态地向网页中添加表格。