如何遍歷新創建的元素？

Question

假設我每次向父 div 提交表單時都會附加一個新的 div。 我將如何遍歷所有這些新創建的 div 元素？ 例如：

const parentDiv = document.querySelector("div")

form.addEventListener("submit", function formSubmit(e) {
    e.preventDefault()
    let newDiv = document.createElement("div")
    newDiv.classList.add("new-Div")
    parentDiv.append(newDiv) 
})

我如何循環遍歷每個 newDiv 元素？ 我正在對我正在從事的項目嘗試類似的方法，但似乎找不到解決方案。 我試過使用 for of 循環循環但說它不可迭代。 任何幫助都會很棒！

Answer 1

如果您嘗試遍歷parentDiv ，那么是的，它不是可迭代的 object。但是，一種解決方案可能只是將您創建的新 div 附加到列表中，然后像往常一樣遍歷列表。

Answer 2

您可以使用getElementsByClassName()方法，這將為您提供一個類似於 object 的數組，您可以像這樣通過索引迭代和訪問每個元素

const newDiv = document.getElementsByClassName("new-Div");

for (let i = 0; i < newDiv.length; i++) {
    console.log(newDiv[i]);
  //do whatever
}