使用javascript在多個相同的html元素中添加一個段落

Question

我正在嘗試使用 javascript 在 html 中兩個相同的 div 元素中添加<p>Hello World</P> 。

所以我有這個 div 元素：

<div></div><div></div>

我試過的是這樣的：

let p = document.createElement('p'); p.textContent = "Hello World"; document.querySelectorAll("div").forEach((divElement) => {element.appendChild(p);})

但它只將它添加到 div 元素之一，我怎樣才能使它在兩個 div 元素中都有它？ 請不要jquery

Answer 1

實際上有兩個問題：第一個是您對多個元素使用相同的 ID，第二個是您正在為多個元素創建單個 DOM 對象。 您可以通過使用類並在每次要附加時創建一個段落來解決它。

編輯：這個答案解釋了為什么你不能兩次附加同一個孩子： 解釋

 document.querySelectorAll(".test").forEach((el) => { let p = document.createElement('p'); p.textContent = "Hello World"; el.appendChild(p); })

 <div class="test"></div> <div class="test"></div>