Cómo eliminar todos los elementos secundarios de un elemento DOM

Dado un elemento DOM, ¿cómo eliminar todos sus hijos?

Dado un elemento en el DOM, utilícelo querySelector()para identificarlo, de esta manera:

const item = document.querySelector('#itemId')

Luego, para eliminar todos sus elementos secundarios, tienes algunas soluciones diferentes.

La forma más rápida es así:

item.innerHTML = ''

Otra solución que se sugiere es la siguiente: crear un bucle, verificar si la firstChildpropiedad está definida (el elemento tiene al menos un hijo) y luego eliminarlo:

const item = document.querySelector('#itemId')while (item.firstChild) { item.removeChild(item.firstChild)}

El bucle finaliza cuando se eliminan todos los niños.

La primera, en la mayoría de las pruebas de rendimiento que ha comprobado, parece ser la solución más rápida.

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Cómo eliminar todos los elementos secundarios de un elemento DOM

Dado un elemento en el DOM, utilícelo querySelector()para identificarlo, de esta manera: Dado un elemento DOM, ¿cómo eliminar todos sus hijos? Dado un eleme

programar

es

2025-01-22

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente