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