帮我写动态生成表格的js代码
时间: 2023-03-31 07:00:23 浏览: 59
好的,以下是动态生成表格的js代码:
```javascript
function createTable(data) {
var table = document.createElement('table');
var thead = document.createElement('thead');
var tbody = document.createElement('tbody');
var tr = document.createElement('tr');
// 创建表头
for (var i = ; i < data.headers.length; i++) {
var th = document.createElement('th');
th.appendChild(document.createTextNode(data.headers[i]));
tr.appendChild(th);
}
thead.appendChild(tr);
table.appendChild(thead);
// 创建表格内容
for (var i = ; i < data.rows.length; i++) {
var tr = document.createElement('tr');
for (var j = ; j < data.rows[i].length; j++) {
var td = document.createElement('td');
td.appendChild(document.createTextNode(data.rows[i][j]));
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
return table;
}
// 使用示例
var data = {
headers: ['姓名', '年龄', '性别'],
rows: [
['张三', 18, '男'],
['李四', 20, '女'],
['王五', 22, '男']
]
};
var table = createTable(data);
document.body.appendChild(table);
```
希望能帮到你!