Node.nextSibling

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumo

Retorna o nó seguinte ao especificado dentro do lista de filhos do seu pai(childNodes), ou null se o nó especificado for o último nó da lista.

Sintaxe

proximoNo = no.nextSibling

Exemplo

html
<div id="div-01">Aqui esta a div-01</div>
<div id="div-02">Aqui esta a div-02</div>

<script type="text/javascript">
  var el = document.getElementById("div-01").nextSibling;

  document.write("<p>Nós irmãos de div-01</p><ol>");

  while (el) {
    document.write("<li>" + el.nodeName + "</li>");
    el = el.nextSibling;
  }

  document.write("</ol>");
</script>

<!--
     O seguinte texto será escrito na página quando ela carregar:

     Nós irmãos de div-01

      1. #text
      2. DIV
      3. #text
      4. SCRIPT
      5. P
      6. OL
-->

No exemplo acima, pode ser visto que nós #text são inseridos no DOM onde espaços em branco aparecem na marcação entre as tags (ex.: após o fechamento da tag de um elemento e antes da abertura da próxima tag). Nenhum espaço em branco é criado entre elementos inseridos pelo comando document.write.

A possível inclusão de nós de texto no DOM deve ser permitida quando navegar pelo mesmo usando nextSibling.

Especificações

Specification
DOM Standard
# ref-for-dom-node-nextsibling①

Compatibilidade com navegadores

BCD tables only load in the browser