用js代码制作一个表格
时间: 2024-06-08 11:12:33 浏览: 78
您可以使用JavaScript代码来创建一个表格。以下是一个示例代码:
```javascript
// 创建表格元素
var table = document.createElement("table");
// 创建表头行
var headerRow = document.createElement("tr");
// 创建表头单元格
var th1 = document.createElement("th");
th1.textContent = "姓名";
headerRow.appendChild(th1);
var th2 = document.createElement("th");
th2.textContent = "年龄";
headerRow.appendChild(th2);
// 将表头行添加到表格中
table.appendChild(headerRow);
// 创建数据行
var dataRow1 = document.createElement("tr");
// 创建数据单元格
var td1 = document.createElement("td");
td1.textContent = "小明";
dataRow1.appendChild(td1);
var td2 = document.createElement("td");
td2.textContent = "20";
dataRow1.appendChild(td2);
// 将数据行添加到表格中
table.appendChild(dataRow1);
var dataRow2 = document.createElement("tr");
var td3 = document.createElement("td");
td3.textContent = "小红";
dataRow2.appendChild(td3);
var td4 = document.createElement("td");
td4.textContent = "22";
dataRow2.appendChild(td4);
table.appendChild(dataRow2);
// 将表格添加到页面中的body标签中
document.body.appendChild(table);
```
这段代码将创建一个包含姓名和年龄的表格,并将表格添加到页面的body标签中。您可以根据需要修改表格的内容和样式。
阅读全文