如何遍历新创建的元素？

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
}