Intentando mover todos los elementos de la lista en .origin ul a .target ul con vainilla javascript.
<div id="container"> <span>Origin</span> <ul class="origin"> <li class="level-top li-item">Origin entry 1</li> <li class="level-top li-item">Origin entry 2</li> <li class="level-top li-item">Origin entry 3</li> </ul> <br> <span>Target</span> <ul class="target"> </ul> </div> var origin = document.querySelector('.origin'); document.querySelector(".target").append(origin);Sin embargo, esto los mueve, pone todo el ul de origen en el ul de destino. ¿Debería estar iterando a través de los elementos de la lista?
La solución corta y simple sería
const t = document.querySelector(".target") t.innerHTML += o.innerHTML o.innerHTML = ""Simplemente agregue los hijos del origen al destino, así:
const origin = document.querySelector('.origin'); const target = document.querySelector('.target'); target.append(...origin.childNodes);o puedes hacerlo en una línea como esta:
document.querySelector('.target').append(...document.querySelector('.origin').childNodes)