时间戳

首页 > 解决方案 > 如何使用 createelement 添加多个单元格？

javascript - 如何使用 createelement 添加多个单元格？

问题描述

我正在尝试使用 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 属性。所以请忽略这一点。它似乎太长了，所以我不确定我是否以有效的方式这样做。提前致谢，

标签： javascriptdomcreateelement

解决方案

您可以使用 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>

推荐阅读