Estoy trabajando en uno para crear elementos HTML que luego insertarlos en mi página dinámicamente.
for (let i = 0; i < 26; i++) { var res2 = document.getElementById("res2") var divCriada = document.createElement("div") divCriada.className = "divname" divCriada.innerHTML = "abc" res2.appendChild(divCriada) var input = document.createElement("input") input.className = "input" let divInserida= document.getElementsByClassName("divname") divInserida[i].appendChild(input) var br = document.createElement("br") res2.appendChild(br) }Tenga en cuenta que el código está haciendo exactamente para lo que fue creado:
https://i.stack.imgur.com/iI5lk.png
Los 26 divs se están creando correctamente, ¡pero el salto de línea simplemente no funciona! ¡Puedes ver justo adelante!
https://i.stack.imgur.com/974lD.png
no se que hacer, no encuentro respuesta por ningun lado =(
Soy nuevo en este mundo, tal vez podría ser un error grave por mi parte, pero si lo encuentras, te agradecería mucho que me explicaras qué hiciste y por qué el mío no funciona.
Tal vez puedas agregar CSS Style en #res2
#res2 { display: flex; flex-direction: column; }