JavaScript 如何将创建的元素放入每个创建的元素中?

JavaScript How to create elements into each created element?

我试图将内容 div 放入每个 parent div,但这样它会将所有内容 div 放入第一个 parentdiv,不是每个parentdiv。我试过在 2 个 for 循环中完成它,试过 forEach,但就是想不通。

        for (let i = 0; i < 5; i++) {
           const parent = document.createElement("div");
           parent.classList.add("parent");
           parent.setAttribute("id","parent");
           document.getElementById("container").appendChild(parent);
           const content = document.createElement("div");
           content.classList.add("content");
           document.getElementById("parnet").appendChild(content);
        }

谢谢你的回答

您正在使用 id 来 select 您的 parent。但是不能有多个具有相同 id 值的元素。 getElementById 还会寻找 第一次 出现的 id,所以你会 总是 得到第一个 [=26] =]元素.

除此之外,您已经在 parent 变量中引用了 parent。无需再次查找,只需使用已有的参考即可。

const container = document.getElementById("container");

for (let i = 0; i < 5; i++) {
  const content = document.createElement("div");
  content.classList.add("content");

  const parent = document.createElement("div");
  parent.classList.add("parent");

  parent.append(content);
  container.append(parent);
}