0

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

}
4

2 に答える 2

0

試す

var tbdy = document.createElement("tbody");
tbdy.id = "newtbodyid";
tab.id = "new_cart";
tab.appendChild(tbdy);
new_cart = true;
于 2012-05-04T22:25:29.610 に答える
0

スタイルを適用するには、クラス セレクターの使用を検討してください。ID はまったく必要ない場合があります。

有効な HTML を作成したい場合は、ID を重複させてはならないことに注意してください。これにより、CSS スタイル、特にテーブル データの価値が大幅に低下します。

于 2012-05-04T22:29:51.900 に答える