Tengo un li
en el cual itero para que me saque todos los elementos que tengan la clase .especial
y los agrupe en un div
vacío, pero este al hacer el loop, los extrae; no los duplica de la lista ya existente.
Mi código va así:
HTML
let liClassEspecial = document.querySelectorAll("li.especial");
let liArray = Array.from(liClassEspecial);
let container = document.querySelector(".container");
let olElement = document.createElement("ol");
container.appendChild(olElement);
var insert = () => {
for(i=0; i<=liArray.length; i++){
try {
olElement.appendChild(liArray[i]);
} catch(err) {
err;
}
}
}
insert();
<ol class="lista">
<li>Item-1</li>
<li class="especial"> Item-2</li>
<li>Item-3</li>
<li class="especial">Item-4</li>
<li>Item-5</li>
<li class="especial">Item-6</li>
</ol>
<div class="container"></div>
Ctrl
+M
.