Entendiendo el DOM
¿Para qué aprender JavaScript?
¿Qué es DOM y Window Object?
Explorando Nodos del DOM
Seleccionando y Accesando a Elementos del DOM
Consultando el DOM con getElementById y querySelector
Navegación efectiva entre nodos
Manipulando Elementos del DOM
Modificando atributos y propiedades
Modificando texto en HTML
Modificando estilos en HTML
Modificando la visibilidad de elementos HTML
Creación de elementos con HTML Strings e insertAdjacentElement()
Agregando elementos con innerHTML e insertAdjacentHTML()
Creación de elementos con createElement()
Remover elementos con remove() y removeChild()
Clonación y reemplazo de elementos con cloneNode y replaceChild
Manipulando Eventos en el DOM
Entendiendo eventos y tipos: Burbuja, Captura y Propagación
Agregar y eliminar escuchadores de eventos o Event Listeners
El objeto evento o eventObject
Manejo de entradas de formulario y validación
Delegación de eventos y prevención de comportamiento predeterminado
Creando un Administrador de Tareas
Añadir tareas desde un formulario
Eliminar y editar tareas del DOM
Almacenamiento y carga de datos en localStorage
Eliminar y editar tareas del almacenamiento local
Inspeccionando y solucionando errores en el código
Personalizando la interfaz del administrador de tareas
Aún hay más por aprender
AsincronÃa en JavaScript
¿Cómo funciona el JavaScript Engine?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Remover elementos con remove() y removeChild()
13/27Recursos
Aportes 5
Preguntas 1
Ordenar por:
Si queremos eliminar un elemento li que no sea el primero o el último, podemos utilizar:
list.removeChild(list.children\[2]);
\*\[ ] número de la posición o index del elemento que queremos eliminar.
Otras propiedades con removeChild()
* firstElementChild: Selecciona el primer hijo de tipo elemento
* lastElementChild: Selecciona el último hijo de tipo elemento
* childNodes\[index]: Selecciona el hijo especÃfico por su Ãndice
* querySelector: También se puede usar con removeChild() para seleccionar y eliminar un elemento especÃfico
Otra forma de eliminar el primer hijo de la lista haciendo uso del remove sin tener al hijo en una variable especÃfica (como con el "firstItem" del primer ejemplo) es la siguiente:
En vez de hacer un: "list.removeChild(list.firstElementChild)"
Otra forma de hacerlo es directamente con: "list.firstElementChild.remove()"
Aunque lo chévere de removeChild es que te retorna el elemento que borraste y además, si quieres asegurarte de que el elemento que estás eliminando es un hijo y no otro elemento, si cometes un accidente escribiendo el código el mismo método devolverá un error en caso de que el elemento que pases como argumento no sea uno de los hijos. Cosa que no sucede con remove.
Hay que tener cuidado con eso ✨.
Esta clase me plantea la siguiente duda, al usar query accedemos al nodo del DOM get element accedemos al html, verdad? (esta no es la duda) cuando yo hago :```js
const x= querySelector("li")
```primera pregunta: lo que estoy haciendo es creando un apuntador a ese objeto del doom y son estos objetos del doom los que tienen estos metodos remove y removechild verdad?
ahora si yo hipoteticamente hiciera esto y esto tuviera sentido estaria no apuntando a un nodo sino a un objeto html
```js
const x= getElementById("li")
```
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?