用JS动态创建10行10列的表格并在每行第一个表格内添加input单选框
时间: 2024-05-07 19:18:21 浏览: 86
js动态创建表格
5星 · 资源好评率100%
好的,我可以帮您用JS动态创建10行10列的表格并在每行第一个表格内添加input单选框。可以使用以下代码实现:
```javascript
// 获取表格容器
const tableContainer = document.getElementById("table-container");
// 创建表格
const table = document.createElement("table");
// 创建表格行和单元格
for (let i = 0; i < 10; i++) {
const row = document.createElement("tr");
for (let j = 0; j < 10; j++) {
const cell = document.createElement("td");
if (j === 0) {
const input = document.createElement("input");
input.type = "radio";
cell.appendChild(input);
}
row.appendChild(cell);
}
table.appendChild(row);
}
// 将表格添加到容器中
tableContainer.appendChild(table);
```
这段代码首先获取了一个 id 为 "table-container" 的元素作为表格的容器,然后使用 createElement 方法创建了一个 table 元素,并使用两个 for 循环创建了 10 行 10 列的表格。在每行第一个单元格内添加了一个 input 元素,并将其类型设置为单选框。最后将表格添加到容器中即可。
阅读全文