Question

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

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

我需要为此表格应用唯一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样式的值，尤其是对于表格数据。

JavaScript / DOM - 为新创建的元素提供ID

2 个答案: