Propriedade nextSibling do HTML DOM

Objeto Elemento do HTML DOM

nextSiblinga propriedade retorna o nó irmão imediatamente seguinte ao nó de elemento (incluindo nós de texto, comentários, quebras de linha, espaços, texto, etc.).

Se não houver nó同级 seguinte, esta propriedade retornanull.

espaços são considerados texto, o texto é considerado nó. Os comentários também são considerados nós.

Para evitar problemas com o nextSibling retornando nós #text ou #comment, pode-se usarnextElementSiblingsomente retorna nós de elemento.

UsandopreviousSiblinga propriedade pode retornar o nó anterior ao nó especificado no mesmo nível da árvore.

UsandochildNodesa propriedade pode retornar qualquer sub-nó do nó especificado.

Sintaxe:

node.nextSibling

<div id="div-1">Aqui está div"-1</div>
<div id="div-2">Aqui está div"-2</div>
<script>
var x = document.querySelector("#div-1).nextSibling.nodeName;
document.getElementById("result").innerHTML = x;
</script>

mas, se remover os espaços entre os DIV, o valor retornado não será #text:

<div id="div-1">Aqui está div"-1</div><div id="div-2">Aqui está div"-2</div>
<script>
var x = document.querySelector("#div-1).nextSibling.innerHTML;
document.getElementById("result").innerHTML = x;
</script>

Compatibilidade do Navegador

A propriedade nextSibling é completamente suportada por todos os navegadores:

Detalhes Técnicos

Referências Relacionadas

Referência do HTML DOM:node propriedade .childNodes

Referência do HTML DOM:node propriedade .firstChild

Referência do HTML DOM:node propriedade .lastChild

Referência do HTML DOM:node propriedade .parentNode

Referência do HTML DOM:node propriedade .previousSibling

Referência do HTML DOM:node propriedade .nodeName

Objeto Elemento do HTML DOM