Estoy tratando de poner un div de contenido en cada div principal, pero de esta manera coloca todos los divs de contenido en el primer div principal, no en cada div principal. Intenté hacerlo en 2 bucles for, probé forEach, pero simplemente no puedo resolverlo.
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); }Ty por tu respuesta
Estás usando id para seleccionar a tus padres. Pero no puede tener varios elementos con el mismo valor de id . getElementById también buscará la primera aparición del id , por lo que siempre obtendrá el primer elemento principal.
Además de eso, ya tiene una referencia al parent en su variable principal. No es necesario volver a buscarlo, solo use la referencia que ya tiene.
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); }