Propriedade previousSibling do Elemento DOM HTML

Definição e uso

previousSibling A propriedade retorna o nó anterior no mesmo nível da árvore, como objeto Node.

previousSibling A propriedade é de leitura apenas.

Observação:Se não houver nó previousSibling, o valor retornado é null.

Atenção

previousSibling Retorna o nó irmão anterior: nó de elemento, nó de texto ou nó de comentário.

Os espaços em branco entre elementos também são nós de texto.

Alternativa:

A propriedade previousElementSibling - Retorna o irmão anterior do elemento (ignora nós de texto e comentários).

Veja também:

Atributo nextSibling

Atributo firstChild

Atributo lastChild

Atributo childNodes

Atributo hasChildNodes()

Nó HTML e elemento

Em HTML DOMNo (Document Object Model), o documento HTML é uma coleção de nós (ou sem nós) que possui (ou não possui) nós filhos.

NóSe refere a nós de elemento, nó de texto e nó de comentário.

ElementoOs espaços entre eles também são nós de texto.

Enquanto o elemento é nó de elemento.

Irmão e irmão de elemento

IrmãoÉ "irmão" e "irmã".

IrmãoÉ o nó que possui o mesmo pai nó (no mesmo childNodes na lista).

Irmão de elementoÉ o elemento que possui o mesmo pai elemento (no mesmo children na lista).

Nó filho e elemento filho

childNodes RetornaNó filho（Nó de elemento, nó de texto e nó de comentário）.

children RetornaElemento filho（Não retorna nós de texto e comentários）.

nextSibling e nextElementSibling

nextSibling Retorna o próximoNó（Nó de elemento, nó de texto ou nó de comentário）. Os espaços entre elementos também são nós de texto.

nextElementSibling Retorna o próximoElemento（Não retorna nós de texto e comentários）.

previousSibling e previousElementSibling

previousSibling Retorna o anteriorNó（Nó de elemento, nó de texto ou nó de comentário）. Os espaços entre elementos também são nós de texto.

previousElementSibling Retorna o anteriorElemento（Não retorna nós de texto e comentários）.

Exemplo

Retorna o conteúdo HTML do irmão anterior da lista:

document.getElementById("item2").previousSibling.innerHTML;

Experimente você mesmo

Sintaxe

element.previousSibling

ou

node.previousSibling

Retorno

Tipo Descrição
Nó O nó do irmão anterior do nó.
null Se não existir um irmão anterior.

Suporte do navegador

element.previousSibling É 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