Basicamente hay 3 formas de eliminar nodos del DOM.
parentElement.removeChild()
document.remove()
document.replaceChild()
parentElement.removeChild()
Esté método se llama desde el padre del elemento que queremos eliminar, pasandole como parámetro el nodo que vas a eliminar.
padre.removeChild(nodoAEliminar);
<aside> 💡 No necesariamente debe ser hijo directo, sino cualquier elemento que este dentro del padre.
</aside>
document.remove()
Es la evolución de
removeChild()
, en el cual para eliminar solo debes llamarlo desde el nodo a eliminar, pero no es soportado por Internet Explorer.
nodoAEliminar.remove();