Propriedade parentNode do Elemento DOM HTML

Definição e uso

parentNode A propriedade retorna o pai do elemento ou nó, em objeto Node.

Se o nó especificado não tiver pai, será retornado null.

O atributo parentNode é de leitura.

Veja também:

Atributo childNodes

Atributo firstChild

Atributo lastChild

Atributo nextSibling

Atributo previousSibling

Atributo nodeName

Atributo parentElement

Nó HTML e Elemento

em HTML DOMno (DOM) Documento HTML é uma coleção de nós (ou sem nós) que possuem (ou não possuem) nós filhos.

refere-se a nós de elemento, nós de texto e nós de comentário.

Elementoespaços em branco entre eles também são nós de texto.

enquanto o elemento é apenas nó de elemento.

Nó filho e elemento filho

childNodes RetornaNó filhonó de elemento, nó de texto e nó de comentário).

children RetornaElemento filhosão (não nós de texto e de comentário).

Irmãos e irmãos de elementos

irmãoé "irmão" e "irmã".

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

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

Exemplo

Exemplo 1

Obter o nome do nó do nó pai de "myLI":

let name = document.getElementById("myLI").parentNode.nodeName;

Experimente você mesmo

Exemplo 2

Clique no elemento (<span>) para ocultar o elemento pai:

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

Experimente você mesmo

Sintaxe

element.parentNode

ou

.parentNode

Retorno

Tipo Descrição
Nó pai.
null Se o nó não tiver nó pai.

Suporte do navegador

element.parentnode é uma característica do DOM Level 1 (1998).

Todos os navegadores suportam completamente:

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