JavaScript Radio Altruistas Ocio Las Palmas
/

Eliminar el hijo indicado del DOM con removeChild, en javaScript

El método que, en javaScript, permite eliminar un elemento en el DOM es removeChild. Una vez que se ha eliminado devuelve dicho elemento. Pero cómo funciona exactamente.

Sintaxis


removeChild (hijo) 
//El argumento hijo representa un elemento seleccionado previamente.

Ejemplo


<html>
<body>
   <ul id="lista1">
      <li id="item1"> Item hijo uno</li>
      <li id="item2"> Item hijo dos</li>
   </ul>
<script>
   //Buscamos por id
   var lista = document.getElementById ("lista1");
   //Mostramos el número de hijos
   console.log (lista.children.length); //2
   //Asignamos a variable item el elemento con id ='item2'de la lista
   var item = lista.querySelector ('#item2');
   lista.removeChild (item);
   //Mostramos número de hijos
   console.log (lista.children.length); //1
</script> 
</body>
</html>

Código verificado. Las propiedades y métodos del objeto element del DOM se pueden repasar aquí.

Deja una respuesta

Your email address will not be published.

Anterior post

El método insertBefore para insertar un nuevo hijo en el DOM

PHP Altruisas Ocio Eventos Cursos Las Palmas
Siguiente post

La encapsulación en la Programación Orientada a Objeto (POO)

Latest from javaScript