¿Cómo hago varias veces de insertAdjacentElement como a continuación?
test.insertAdjacentElement('afterend',elm1); test.insertAdjacentElement('afterend',elm2); test.insertAdjacentElement('afterend',elm3); Puedo hacer una función para refactorizarla, pero ¿hay algún atajo para hacer esto? Como: test.insertAdjacentElement('afterend',elm1, elm2, elm3);
Si está insertando al final de un contenedor , puede usarappend , que acepta múltiples argumentos.
containerOfTest.append(elm1, elm2, elm3)De lo contrario, un bucle muy simple sería suficiente.
for (const elm of [elm1, elm2, elm3]) { test.insertAdjacentElement('afterend',elm); }Otra opción es crear un DocumentFragment, insertar todos los elementos en él y luego insertar el fragmento (solo una vez) en el DOM.
const test = document.querySelector('.test'); const elm1 = document.createElement('div'); const elm2 = document.createElement('div'); const elm3 = document.createElement('div'); const fragment = new DocumentFragment(); fragment.append(elm1, elm2, elm3); test.parentElement.insertBefore(fragment, test.nextElementSibling); console.log(document.body.innerHTML); <div class="test">test</div>