tutoriais mais recente desenvolvimento web
 

HTML DOM parentElement Propery

<Elemento de objeto

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

Exemplos

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 "

<Elemento de objeto