element.nextSibling

La propriété en lecture seule Node.nextSibling renvoie le nœud (node) suivant immédiatement le nœud spécifié dans la liste des enfants ( childNodes) de son nœud parent, ou null si le nœud spécifié est le dernier dans cette liste.

Syntaxe

nextNode = node.nextSibling

Notes

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
">Node.previousSibling peut faire référence à un nœud texte contenant des espaces plutôt qu'au véritable élément que l'auteur comptait obtenir.

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.

Exemple

<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 .

Spécification

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi