Propriedade nextElementSibling do Elemento DOM HTML

Definição e uso

nextSibling e nextElementSibling A propriedade retorna o próximo elemento no mesmo nível da árvore.

nextSibling e nextElementSibling A propriedade é apenas de leitura.

Por favor, consulte:

propriedade previousElementSibling

Atributo children

Atributo firstElemenChild

Atributo lastElementChild

Atributo childElementCount

Nó HTML e elemento

Em HTML DOMno (ou não) possui nós filhos. A coleção de documentos HTML é o nó que (ou não) possui (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é o ‘irmão’ e o ‘irmã’.

IrmãoÉ o nó que possui o mesmo pai nó (no mesmo Nó filho e nó de elemento É o elemento que possui o mesmo pai elemento (no mesmo

Nó irmãoElemento irmão （nós de elemento, nó de texto e nó de comentário）. É o elemento que possui o mesmo pai elemento (no mesmo

na lista).

Nó filho e nó de elemento childrenchildNodesNó filho

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

（não retornam nós de texto e de comentário）.

nextSibling nextElementSiblingNó（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.

nextSibling e nextElementSibling nextElementSiblingElemento（não retorna nós de texto e de comentário）.

Retorna o próximo

previousSibling e previousElementSibling 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 de comentário）.

Exemplo

Retorna o conteúdo HTML do próximo irmão:

let text = element.nextElementSibling.innerHTML;

Experimente você mesmo

Sintaxe

element.nextElementSibling

Retorno

Tipo Descrição
Elemento Próximo irmão.
null Se não existir o próximo irmão.

Suporte do navegador

element.nextElementSibling é 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