javascript - 使用 JS 将类名或 ID 添加到表中

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');

希望这对您有所帮助。