Propriedade HTML DOM parentElement
Exemplo
Obtenha o nome do nó do elemento pai de um elemento <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Mais exemplos de "Experimente você mesmo" 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 null se o nó pai não for 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 propriedade você usa, no entanto, parentNode é provavelmente a mais popular.
Esta propriedade é somente leitura.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Sintaxe
node.parentElement
Detalhes técnicos
Valor de retorno: | Um objeto Element, representando o nó do elemento pai de um nó, ou null se o nó não tiver pai |
---|---|
Versão DOM | Objeto de elemento de nível 4 do DOM |
Mais exemplos
Exemplo
Clique em um elemento (<span>) para ocultar seu elemento pai (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>