Question

假设此代码使用DOM（Fiddle）创建一个包含 plain JavaScript的表：

var table = document.createElement('table');
for (var i = 1; i < 4; i++){
    var tr = document.createElement('tr');   

    var td1 = document.createElement('td');
    var td2 = document.createElement('td');

    var text1 = document.createTextNode('Text1');
    var text2 = document.createTextNode('Text2');

    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);

    table.appendChild(tr);
}
document.body.appendChild(table);

如何在其单元格中添加类名或ID？例如，我希望能够在创建后修改单元格，所以我只想：

table.getElementsByClassName("class").style.font-weight: "bold";

Answer 1

使用 HTML DOM setAttribute() Method 向元素添加属性，如下所示：

var td1 = document.createElement('td');
var td2 = document.createElement('td');

td1.setAttribute('class', 'className');
td2.setAttribute('class', 'className');

希望这有帮助。

Answer 2

执行：

table.setAttribute("id", "myId");

阅读：MDN Element.setAttribute()

使用相同的功能设置class，就像@Zakaria提到的那样。

使用JS向Table添加类名或id

2 个答案: