将自定义td追加到二维数组生成的表中,可以通过以下步骤实现:
以下是一个示例代码:
// 创建一个二维数组
var tableData = [
["A1", "B1", "C1"],
["A2", "B2", "C2"],
["A3", "B3", "C3"]
];
// 获取表格容器
var tableContainer = document.getElementById("table-container");
// 创建table元素
var table = document.createElement("table");
// 遍历二维数组,生成表格的行和列
for (var i = 0; i < tableData.length; i++) {
// 创建tr元素
var row = document.createElement("tr");
// 遍历当前行的数据,生成表格的列
for (var j = 0; j < tableData[i].length; j++) {
// 创建td元素
var cell = document.createElement("td");
// 自定义单元格的内容
cell.textContent = tableData[i][j];
// 将td元素追加到当前行的末尾
row.appendChild(cell);
}
// 将tr元素追加到table元素的末尾
table.appendChild(row);
}
// 将table元素追加到表格容器中
tableContainer.appendChild(table);
这样,就可以将自定义的td追加到二维数组生成的表中。根据实际需求,可以修改tableData数组的内容和自定义单元格的方式。
领取专属 10元无门槛券
手把手带您无忧上云