Remover elemento por id

Ao remover um elemento com JavaScript padrão, você deve ir primeiro ao seu pai:

var element = document.getElementById("element-id");
element.parentNode.removeChild(element);

Ter de ir primeiro ao nó pai parece-me um pouco estranho, há alguma razão para o JavaScript funcionar assim?

Você poderia fazer uma função 'remove' para que não tivesse que pensar nisso toda vez:

function removeElement(id) {
    var elem = document.getElementById(id);
    return elem.parentNode.removeChild(elem);
}
Comentários (10)

É o que o DOM suporta. Procure nessa página por "remover" ou "apagar" e removeChild é o único que remove um nó.

Comentários (5)

Pelo que entendi, remover um nó diretamente não funciona no Firefox, apenas no Internet Explorer. Então, para apoiar o Firefox, você tem que ir até os pais para remover o seu filho.

Ref: http://chiragrdarji.wordpress.com/2007/03/16/removedelete-element-from-page-using-javascript-working-in-firefoxieopera/

Comentários (1)