HTML DOM Element nextSibling property

Definition and Usage

nextSibling The property returns the next node at the same tree level.

nextSibling Returns a Node object.

nextSibling The property is read-only.

Note

nextSibling Returns the next sibling node: element node, text node, or comment node.

The whitespace between elements is also a text node.

Alternativa:

Atributo nextElementSibling - nextElementSibling Retorna o próximo irmão de elemento (ignora nós de texto e comentários).

Veja também:

Atributo previousSibling

Atributo firstChild

Atributo lastChild

Atributo childNodes

Método hasChildNodes()

Nó HTML e elemento

Em DOM HTMLno (Documento de Objetos da HTML) onde o documento HTML é o conjunto de nós que (ou não) possuem nós filhos.

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

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

Enquanto o elemento é apenas nó de elemento.

Irmão e irmão de elemento

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

IrmãoÉ o conjunto de nós que compartilham o mesmo nó pai (no mesmo childNodes na lista).

Irmão de elementoÉ o conjunto de elementos que compartilham o mesmo pai (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 em branco 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 em branco 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 próximo irmão da lista item:

document.getElementById("item1").nextSibling.innerHTML;

Experimente você mesmo

Sintaxe

element.nextSibling

ou

node.nextSibling

Retorno

Tipo Descrição
Nó O próximo irmão do elemento.
null Se não existir o próximo irmão.

Suporte do navegador

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