JavaScript / DOM-给新创建的元素一个ID

Question

如何通过JavaScript DOM将元素ID应用于新创建的元素？

我编写的代码创建了一个通过按钮触发的表。

我需要对此表应用唯一的ID，以便可以将其设置为与其他出现在我网站上的样式不同的样式。

这是我的代码示例：

var tab = document.createElement("ViewShoppingCart");
document.getElementById("shopping_list").appendChild(tab);

var tbdy = document.createElement("tbody");
tab.id = "new_cart";
tab.appendChild(tbdy);
new_cart = true;

var total = 0;

for (var a = 0; a <= nameArray.length-1; a++) {

var tr = document.createElement("tr");
tbdy.appendChild(tr);

var td = document.createElement("td");
    td.appendChild(document.createTextNode("x " + quantityArray[a]));
    tr.appendChild(td); 

var td2 = document.createElement("td");
    td2.appendChild(document.createTextNode(nameArray[a]));
    tr.appendChild(td2);

var td3 = document.createElement("td");
    td3.appendChild(document.createTextNode(sumArray[a]));
    tr.appendChild(td3);

}

Answer 1

尝试

var tbdy = document.createElement("tbody");
tbdy.id = "newtbodyid";
tab.id = "new_cart";
tab.appendChild(tbdy);
new_cart = true;

Answer 2

要应用样式，请考虑使用类选择器，您可能根本不需要ID。

请注意，如果要创建有效的HTML，则不能有重复的ID，这些ID会大大降低CSS样式的价值，尤其是表数据的价值。