Foto por striatic

O método removeChild remove o elemento filho de um elemento.

removido = elemento.removeChild(filho)

Exemplo:

<div id="pai">
	<div id="filho">
		Elemento filho
	</div>
</div>


var pai = document.getElementById("pai");
var filho = document.getElementById("filho");
var removido = pai.removeChild(filho);

removeChild retorna o elemento que foi removido.

alert(removido == filho); // true

Para remover todos os elementos filhos de um elemento usamos um loop de condição "enquanto o elemento tiver um filho". O atributo firstChild é o primeiro filho de um elemento.

var elemento = document.getElementById("elemento");
while (elemento.firstChild) {
	elemento.removeChild(elemento.firstChild);
}

parentNode

O método removeChild requer o elemento pai para remover o elemento, um atalho é atributo parentNode que é o pai do elemento de um elemento.

<div id="pai">
	<span>Não quero ser removido</span>
</div>


document.getElementById("pai").removeChild(document.getElementById("pai").getElementsByTagName("span")[0]);

var alvo = document.getElementById("pai").getElementsByTagName("span")[0];
// Elemento pai
alvo.parentNode.removeChild(alvo);

logo

function removeElement(e) {
	return e.parentNode.removeChild(e);
}