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í.