HTML DOM Element previousElementSibling atributo

Definição e uso

previousElementSibling O atributo retorna o elemento anterior no mesmo nível da árvore.

previousElementSibling O atributo é de leitura apenas.

Outras referências:

nextElementSibling atributo

children atributo

propriedade firstElemenChild

propriedade lastElemenChild

propriedade childElementCount

Nó HTML e elemento

Em DOM HTMLno (ou não) possuindo nós filhos. A documentação HTML é uma coleção de nós (ou não) que possuem (ou não) nós filhos.

Nórefere-se 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.

e o elemento é apenas 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 da lista).

Elemento irmãoÉ o elemento que possui o mesmo pai elemento (no mesmo children da lista).

Nó filho e elemento filho

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

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

nextSibling e nextElementSibling

nextSibling Retorna o próximoNó（nós 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ós 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:

let text = element.previousElementSibling.innerHTML;

Experimente você mesmo

Sintaxe

element.previousElementSibling

Retorno

Tipo Descrição
Elemento Elemento irmão anterior
null se não existir um irmão anterior.

Suporte do navegador

element.previousElementSibling é uma característica do DOM Level 3 (2004).

Todos os navegadores suportam completamente:

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