setAttribute和getElementById

Question

当我这样做时：

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

警告显示为null。如何让setAttribute产生效果？

Answer 1

当您使用document.createElement创建元素时，它会创建元素，但不会将其添加到DOM。要将它添加到DOM，您必须在您希望新元素所在的元素上使用appendChild方法。

我们假设您要在div的末尾添加新的body。请尝试以下代码。

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