Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.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 appendChild不是函数,无法向多个div添加文本_Javascript_Dom - Fatal编程技术网

Javascript appendChild不是函数,无法向多个div添加文本

Javascript appendChild不是函数,无法向多个div添加文本,javascript,dom,Javascript,Dom,在我的例子中,我有8个div,我想通过javascript动态地向每个div添加文本。当我使用querySelector(对于一个div)时,它可以工作,但是对于querySelectorAll(每个div)则不行。 代码: 您必须循环查看myItem,而不是尝试使用appendChild myItems.forEach(item => item.appendChild(myParagraph)) querySelectorAll返回一个集合,因此需要迭代该集合并附加子集合。还要注意,一

在我的例子中,我有8个div,我想通过javascript动态地向每个div添加文本。当我使用querySelector(对于一个div)时,它可以工作,但是对于querySelectorAll(每个div)则不行。 代码:


您必须循环查看
myItem
,而不是尝试使用appendChild

myItems.forEach(item => item.appendChild(myParagraph))

querySelectorAll
返回一个集合,因此需要迭代该集合并附加子集合。还要注意,一个节点不能有多个父节点,因此您需要在每次迭代期间创建新的
p

document.querySelectorAll('.item').forEach((item)=>{
让My段落=document.createElement('p');
myparagration.innerHTML='Some text';
项目.附件(我的第段);
})


非常感谢!很好,非常感谢!作品
javascript

let myParagraph = document.createElement('p');
myParagraph.innerHTML = 'Some text';
let myItems = document.querySelectorAll('.item');
myItems.appendChild(myParagraph);
myItems.forEach(item => item.appendChild(myParagraph))