的setAttribute和的getElementById

Question

當我這樣做：

col = document.createElement("div"); 
col.setAttribute("id", "col" + ii); 
alert(document.getElementById("col" + ii)); 

警報顯示爲空。我怎樣才能讓setAttribute產生效果？

Answer 1

當您使用document.createElement創建元素時，它會創建該元素，但不會將其添加到DOM。要將它添加到DOM，您必須在您希望新元素所在的元素上使用appendChild方法。

讓我們假設您想在body末尾添加新的div。嘗試下面的代碼。

col = document.createElement("div"); 
col.setAttribute("id", "col" + ii); 
document.body.appendChild(col) 
alert(document.getElementById("col" + ii));