Entonces, tengo dos HTMLElements que obtengo usando:
var el1 = document.getElementById('div1') var el2 = document.getElementById('div2');lo que quiero hacer es fusionar estos 2 elementos que se insertan dentro de dos contenedores como a continuación:
<container-x1> <container-x2> <div id="div1">test1</div> </container-x2> </container-x1> <container-y1> <container-y2> <div id="div2">test2</div> </container-y2> </container-y1>mi objetivo después de esto es eliminar por completo el contenedor y1 y fusionar la prueba 1 y la prueba 2 en el mismo contenedor de esta manera:
<container-x1> <container-x2> <div id="div2">test1 test2</div> </container-x2> </container-x1>¿alguna ayuda? gracias de antemano
Puedes probar esto:
const el1 = document.getElementById('div1'); const el2 = document.getElementById('div2'); el2.innerHTML = el1.innerHTML + ' ' + el2.innerHTML; el1.replaceWith(el2); document.getElementsByTagName('container-y1')[0].remove(); <container-x1> <container-x2> <div id="div1">test1</div> </container-x2> </container-x1> <container-y1> <container-y2> <div id="div2">test2</div> </container-y2> </container-y1>