1

Buenas tardes a todos.

tengo una nodeList :

document.querySelectorAll(div)

[0: 1div
1: 2div
2: 3div
3: 4div]

lo que quiero hacer es poder eliminar 3 de los 4 elementos que tengo, poder solo dejar la posicion 0 de mi NodeList.

¿Podrian ayudarme?

1
  • Hola, podrías dar mas detalles? ¿cuál es el criterio para eliminar los elementos de la lista? Commented el 18 jun. 2019 a las 18:36

1 respuesta 1

4

Para realizar este proceso basta con leer un poco la documentación oficial de NodeList aquí; básicamente puedes lograr lo que quieres con dos funciones nativas: for() y remove().

Aquí el código:

let myDivList = document.querySelectorAll("div");
let count = 0;
for (item of myDivList){
    if(count > 0){
        console.log("Se removerá el div:", item);
        item.remove();
    }
    count += 1;
}

Al iniciar el recorrido del bucle se dejará intacto el primer elemento de la lista, pero en las iteraciones posteriores se irán eliminando los demás elementos gracias a la condición que tenemos, puesto que cada vez se aumenta el contador de uno en uno.

Espero sea lo que buscas.

2
  • 2
    remove no es una propiedad, es un método, se ejecuta con los paréntesis: Element.remove() Commented el 18 jun. 2019 a las 20:06
  • @MerlingSamuelSobalvarro Gracias, no noté el error. Commented el 18 jun. 2019 a las 21:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.