Exemplo
Obter o nome do nó do elemento pai de um <li> elemento:
var x = document.getElementById("myLI").parentElement.nodeName;
O resultado x será:
UL
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade parentElement retorna o elemento pai do elemento especificado.
A diferença entre parentElement e parentNode , é que parentElement retorna nulo se o nó pai não é um nó de elemento:
document.body.parentNode; //
Returns the <html> element
document.body.parentElement; // Returns the
<html> element
document.documentElement.parentNode; // Returns the
Document node
document.documentElement.parentElement; //
Returns null (<html> does not have a parent ELEMENT node)
Na maioria dos casos, não importa qual a propriedade que você usa, no entanto, parentNode é provavelmente o mais popular.
Esta propriedade é somente leitura.
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
parentElement | 1.0 | sim | 9 | sim | sim |
Sintaxe
node .parentElement
Detalhes técnicos
Valor de retorno: | Um elemento de objecto, o que representa o nó elemento pai de um nó, ou nulo, se o nó tem nenhum pai |
---|---|
DOM Versão | DOM Nível 4 elemento de objeto |
mais Exemplos
Exemplo
Clique em um elemento (<span>) para esconder seu elemento pai (<div>) :
<div>
<span onclick="this.parentElement.style.display =
'none';">x</span>
</div>
Tente você mesmo "