Necesito ayuda con Javascript. Lo que trato de hacer es mover un elemento a otro elemento.
Normalmente puedo usar el selector de consulta, pero en este caso no puedo porque hay varios elementos con la clase "destino". Para obtener el resultado que quiero, necesito seleccionar primero el elemento principal "artículo de catálogo" y luego el elemento secundario "destino".
Necesito ayuda para obtener el elemento correcto catálogo-elemento->destino
<div id="catalog-item"> <div class="destination"> </div> </div> <div id="move"></div> <script type="text/javascript> var itm = document.getElementById("move"); var cln = itm.cloneNode(true); itm.remove(); document.getElementById("catalog-item").children(".destination").appendChild(cln); </script>¿Quién puede ayudarme?
Puede seleccionar el elemento secundario con querySelector escribiendo document.querySelector("#catalog-item .destination") . Solo pon un espacio entre ellos.