Digamos que tengo 6 divs, y su orden actual es de 1 a 6, ¿cómo los reordeno para que se conviertan en 612345?
Intenté almacenarlos en una variable y usar getElementsByClassName , luego usar el método de insertAdjacentElement slice no funcionó...
const btn = document.querySelector('.reorder'); const elm = document.getElementsByClassName('items'); const lastIndexOfElm = elm.length -1 function reorder() { let newElm = [...elm].slice(0, lastIndexOfElm); elm[lastIndexOfElm].insertAdjacentElement('afterend', newElm); } btn.addEventListener('click', reorder) <button class="reorder">Reorder</button> <div class="items">1</div> <div class="items">2</div> <div class="items">3</div> <div class="items">4</div> <div class="items">5</div> <div class="items">6</div>si desea mover el último elemento de ".items" al primer elemento, este código puede ayudarlo.
const btn = document.querySelector('.reorder'); const elm = document.getElementsByClassName('items'); const lastIndexOfElm = elm.length -1 function reorder() { let lastElm = elm[lastIndexOfElm]; elm[lastIndexOfElm].remove(); document.body.insertBefore(lastElm, elm[0]); } btn.addEventListener('click', reorder) <button class="reorder">Reorder</button> <div class="items">1</div> <div class="items">2</div> <div class="items">3</div> <div class="items">4</div> <div class="items">5</div> <div class="items">6</div>