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樣式的價值，尤其是表數據的價值。