Javascript appendChild不是函数,无法向多个div添加文本
在我的例子中,我有8个div,我想通过javascript动态地向每个div添加文本。当我使用querySelector(对于一个div)时,它可以工作,但是对于querySelectorAll(每个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返回一个集合,因此需要迭代该集合并附加子集合。还要注意,一
您必须循环查看
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))