Propriedade parentElement do Elemento do DOM HTML

Definição e uso

parentElement propriedade retorna o nó pai do elemento especificado.

parentElement e parentNode A diferença está em que, se o nó pai não for nó de elemento, então parentElement Retorna null:

document.body.parentNode; // Retorna elemento <html>
document.body.parentElement; // Retorna elemento <html>
document.documentElement.parentNode; // Retorna nó do documento
document.documentElement.parentElement; // Retorna null（<html> não tem nó pai ELEMENT）

Na maioria dos casos, qual propriedade usar não importa, mas parentNode Pode ser o mais popular.

Esta propriedade é de leitura apenas.

Nó HTML e elemento

Em HTML DOM（Modelo de Documento de Objetos），o documento HTML é uma coleção de nós HTML (ou sem nós filhos).

NóRefere-se aos nós de elemento, nó de texto e nó de comentário.

ElementoEntre eles, os espaços em branco também são nós de texto.

Enquanto o elemento é apenas nó de elemento.

Nós filhos e sub-elementos

childNodes RetornaNós filhos（nós de elemento, nó de texto e nó de comentário）.

children RetornaSub-elementos（não nós de texto e de comentário）.

Irmãos e irmãos de elementos

irmãosSão "irmãos" e "irmãs".

irmãosSão nós que possuem o mesmo nó pai (no mesmo childNodes na lista).

Elemento irmãoSão elementos que possuem o mesmo nó pai (no mesmo children na lista).

Exemplo

Exemplo 1

Obtém o nome do nó do pai do elemento <li>:

var x = document.getElementById("myLI").parentElement.nodeName;

Experimente você mesmo

Exemplo 2

Clique no elemento (<span>) para ocultar seu nó pai (<div>):

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>

Experimente você mesmo

Sintaxe

node.parentElement

Retorno

Tipo Descrição
Objeto Element Representa o nó pai do elemento.
null Se o nó não tiver nó pai.

Suporte do navegador

element.parentElement É uma característica do DOM Level 3 (2004).

Todos os navegadores suportam plenamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte