如何使用 createelement 添加多个单元格？答案

【问题标题】：How to add multiple cells using createelement?如何使用 createelement 添加多个单元格？
【发布时间】：2019-04-05 13:57:55
【问题描述】：

我正在尝试使用 createElement 添加 4 列表。我不确定是否必须分配 4 个变量来为 4 个单元格创建“td”元素，或者我只需要一个。

let tableRow = document.createElement('tr');
let DesCell = document.createElement('td');
let desText = document.createTextNode(description);
let typeCell = document.createElement('td');
let typeText = document.createTextNode(type);
let amountCell = document.createElement('td');
let amountText = document.createTextNode(amount);
let toolCell = document.createElement('td');
let toolText = document.createTextNode(tool);

我还没有添加 appendchild 属性。所以请忽略这一点。它似乎太长了，所以我不确定我是否以有效的方式这样做。提前致谢，

【问题讨论】：

innerHTML modifying whole array的可能重复

标签： javascript dom createelement

【解决方案1】：

你可以使用 insertCell 方法

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>

</head>
<body>
    <table id="table1"></table>
    <script>
function createCell() {
    var table = document.getElementById('table1');
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";
}
createCell();

</script>
</body>
</html>

【讨论】：

有没有办法使用 createelement ？
您可以使用循环，这样您就不需要创建4个不同的变量，否则没有办法