Tengo un código de vainilla simple aquí. Mi objetivo es agarrar todas las secciones, recorrerlas y después de cada una insertar un nuevo elemento:
let sectionSign = document.createElement('p'); sectionSign.innerHTML = '§' sectionSign.style.marginTop = '1rem' let allSections = document.querySelectorAll('section') allSections.forEach((section) => { section.style.border = '1px solid red' section.after(sectionSign) })el style.border era solo para asegurarse de que seleccionara todos los elementos que yo quería y lo hizo. Sin embargo, el signo de sección solo se agrega después de la última sección, no después de cada una. ¿Cómo puedo resolver esto?
Intente esto en su lugar, debe crear un nuevo elemento para cada sección.
let allSections = document.querySelectorAll('section') allSections.forEach((section) => { let sectionSign = document.createElement('p'); sectionSign.innerHTML = '§'; sectionSign.style.marginTop = '1rem'; section.style.border = '1px solid red'; section.after(sectionSign); });