element.nextSibling

nextNode = node.nextSibling

Les navigateurs basés sur Gecko insèrent des nœuds texte dans un document pour représenter des espaces vides dans le balisage source. Par conséquent, un nœud obtenu par exemple via Node.firstChild ou

1. Document Object Model
2. Node
3. Propriétés

   1. baseURI
   2. childNodes
   3. firstChild
   4. isConnected
   5. lastChild
   6. nextSibling
   7. nodeName
   8. nodeType
   9. nodeValue
   10. ownerDocument
   11. parentElement
   12. parentNode
   13. previousSibling
   14. textContent
4. Méthodes

   1. appendChild()
   2. cloneNode()
   3. compareDocumentPosition()
   4. contains()
   5. getRootNode()
   6. hasChildNodes()
   7. insertBefore()
   8. isDefaultNamespace()
   9. isEqualNode()
   10. isSameNode()
   11. Deprecated isSupported()
   12. lookupNamespaceURI()
   13. lookupPrefix()
   14. normalize()
   15. removeChild()
   16. replaceChild()
5. Héritage :

   1. EventTarget
6. Pages liées à DOM

   1. AbortController (en-US)
   2. AbortSignal
   3. AbstractRange (en-US)
   4. Attr
   5. CDATASection
   6. CharacterData
   7. Comment
   8. CustomEvent
   9. DOMError
   10. DOMException
   11. DOMImplementation
   12. DOMParser
   13. DOMPoint
   14. DOMPointReadOnly
   15. DOMRect
   16. DOMTimeStamp
   17. DOMTokenList
   18. Document
   19. DocumentFragment
   20. DocumentType
   21. Element
   22. Event
   23. EventTarget
   24. HTMLCollection
   25. MutationObserver
   26. NamedNodeMap
   27. NodeIterator
   28. NodeList
   29. ProcessingInstruction
   30. Range
   31. StaticRange (en-US)
   32. Text
   33. TextDecoder (en-US)
   34. TextEncoder
   35. TimeRanges
   36. TreeWalker
   37. XMLDocument

Consultez Gestion des espaces dans le DOM et Why are some Text nodes empty? dans la FAQ DOM 3 du W3C pour plus d'informations.

Element.nextElementSibling (en-US) peut être utilisé pour obtenir l'élément suivant en ignorant les noeuds d'espace.

<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>

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

console.log('Siblings of div-01:');

while (el) {
  console.log(i + '. ' + el.nodeName);
  el = el.nextSibling;
  i++;
}

</script>

/**************************************************
  Ce qui suit est écrit sur la console pendant le chargement:

     Siblings of div-01

      1. #text
      2. DIV
      3. #text
      4. SCRIPT

**************************************************/

Dans cet exemple, on peut voir que des nœuds #text sont insérés dans le DOM là où des espaces se trouvent dans le code source entre les balises (c'est-à-dire après la balise de fermeture d'un élément et avant la balise d'ouverture du suivant). Aucun espace n'est créé entre les éléments insérés par l'instruction document.write .

L'inclusion possible de nœuds textes dans le DOM doit être prise en compte pour le parcours du DOM à l'aide de nextSibling. Consultez les ressources dans la section Notes .

• DOM Level 1 Core: nextSibling — traduction (non normative)
• DOM Level 2 Core: nextSibling — traduction (non normative)