Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript setAttribute和getElementById_Javascript - Fatal编程技术网

Javascript setAttribute和getElementById

Javascript setAttribute和getElementById,javascript,Javascript,当我这样做时: col = document.createElement("div"); col.setAttribute("id", "col" + ii); alert(document.getElementById("col" + ii)); 警报显示空值。如何使setAttribute生效?使用document.createElement创建元素时,它会创建元素,但不会将其添加到DOM中。要将它添加到DOM中,您必须对希望新元素位于其中的元素使用appendChild方法 假设您想在正

当我这样做时:

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

警报显示空值。如何使setAttribute生效?

使用
document.createElement
创建元素时,它会创建元素,但不会将其添加到DOM中。要将它添加到DOM中,您必须对希望新元素位于其中的元素使用
appendChild
方法

假设您想在
正文的末尾添加新的
div
。请尝试以下代码

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

您尚未首先将元素添加到DOM中document.body.appendChild(col)