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);
}
我试图将内容 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);
}