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 baseURI

  • baseURIObject
  • childNodes
  • firstChild
  • isConnected
  • lastChild
  • localName
  • namespaceURI
  • nextSibling
  • nodeName
  • nodePrincipal
  • nodeType
  • nodeValue
  • outerText [Traduire]
  • 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. AbstractRange
    4. Attr
    5. ByteString
    6. CDATASection
    7. CSSPrimitiveValue
    8. CSSValue
    9. CSSValueList
    10. CharacterData
    11. ChildNode
    12. Comment
    13. CustomEvent
    14. DOMConfiguration
    15. DOMError
    16. DOMErrorHandler
    17. DOMException
    18. DOMImplementation
    19. DOMImplementationList
    20. DOMImplementationRegistry
    21. DOMImplementationSource
    22. DOMLocator
    23. DOMObject
    24. DOMParser
    25. DOMPoint
    26. DOMPointInit
    27. DOMPointReadOnly
    28. DOMRect
    29. DOMString
    30. DOMTimeStamp
    31. DOMTokenList
    32. DOMUserData
    33. Document
    34. DocumentFragment
    35. DocumentType
    36. Element
    37. ElementTraversal
    38. Entity
    39. EntityReference
    40. Event
    41. EventTarget
    42. HTMLCollection
    43. MutationObserver
    44. NodeFilter
    45. NodeIterator
    46. NodeList
    47. NonDocumentTypeChildNode
    48. ProcessingInstruction
    49. PromiseResolver
    50. Range
    51. StaticRange
    52. Text
    53. TextDecoder
    54. TextEncoder
    55. TimeRanges
    56. TreeWalker
    57. TypeInfo
    58. USVString
    59. UserDataHandler
    60. 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 AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
    nextSiblingChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 5.5Opera Support complet 7Safari Support complet 1.1WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0

    Légende

    Support complet  
    Support complet

    Voir aussi

    Element.nextElementSibling