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
  • 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 OuiEdge Support complet 12Firefox Support complet OuiIE Support complet 8Opera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

    Légende

    Support complet  
    Support complet

    Voir aussi

    Element.nextElementSibling