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 baseURI

  • baseURIObject
  • childNodes
  • firstChild
  • innerText
  • isConnected
  • lastChild
  • localName
  • namespaceURI
  • nextSibling
  • nodeName
  • nodePrincipal
  • nodeType
  • nodeValue
  • outerText
  • ownerDocument
  • parentElement
  • parentNode
  • prefix
  • previousSibling
  • rootNode
  • textContent
  • Méthodes
    1. appendChild
    2. cloneNode
    3. compareDocumentPosition()
    4. contains
    5. getRootNode()
    6. getUserData()
    7. hasChildNodes
    8. insertBefore
    9. isDefaultNamespace()
    10. isEqualNode()
    11. isSameNode()
    12. isSupported
    13. lookupNamespaceURI()
    14. lookupPrefix()
    15. normalize
    16. removeChild
    17. replaceChild
    18. setUserData()
  • Héritage :
    1. EventTarget
  • Pages liées à DOM
    1. AbortController
    2. AbortSignal
    3. Attr
    4. ByteString
    5. CDATASection
    6. CSSPrimitiveValue
    7. CSSValue
    8. CSSValueList
    9. CharacterData
    10. ChildNode
    11. Comment
    12. CustomEvent
    13. DOMConfiguration
    14. DOMError
    15. DOMErrorHandler
    16. DOMException
    17. DOMImplementation
    18. DOMImplementationList
    19. DOMImplementationRegistry
    20. DOMImplementationSource
    21. DOMLocator
    22. DOMObject
    23. DOMParser
    24. DOMPoint
    25. DOMPointInit
    26. DOMPointReadOnly
    27. DOMRect
    28. DOMString
    29. DOMTimeStamp
    30. DOMTokenList
    31. DOMUserData
    32. Document
    33. DocumentFragment
    34. DocumentType
    35. Element
    36. ElementTraversal
    37. Entity
    38. EntityReference
    39. Event
    40. EventTarget
    41. HTMLCollection
    42. MutationObserver
    43. NodeFilter
    44. NodeIterator
    45. NodeList
    46. NonDocumentTypeChildNode
    47. ProcessingInstruction
    48. PromiseResolver
    49. Range
    50. Text
    51. TextDecoder
    52. TextEncoder
    53. TimeRanges
    54. TreeWalker
    55. TypeInfo
    56. USVString
    57. UserDataHandler
    58. 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 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

    Update compatibility data on GitHub
    OrdinateurMobile
    ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
    Support simpleChrome Support complet OuiEdge Support complet 12Firefox ? IE ? Opera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile ? Firefox Android ? Opera Android Support complet OuiSafari iOS ? Samsung Internet Android Support complet Oui

    Légende

    Support complet  
    Support complet
    Compatibilité inconnue  
    Compatibilité inconnue

    Voir aussi

    Element.nextElementSibling

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Dernière mise à jour par : wbamberg,