javascript - 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，这会显着降低 CSS 样式的价值，尤其是对于表格数据。