ParentNode

Le ParentNode contient des méthodes et des propriétés communes à tous les types d'objets Node  qui peuvent avoir des enfants. Il est implémenté par les objets Element, Document, et DocumentFragment.

Propriétés

ParentNode.children Lecture seule
Retourne la HTMLCollection contenant tous les objets de type Element qui sont des enfants de ce ParentNode.
ParentNode.firstElementChild Lecture seule
Retourne l' Element qui est le premier enfant de ce ParentNode, ou null s'il n'y en a pas.
ParentNode.lastElementChild Lecture seule
Retourne l'élément Element qui est le dernier enfant de ce ParentNode, ou null s'il n'y en a pas.
ParentNode.childElementCount Lecture seule
Retourne un unsigned long donnant la quantité d'enfants du parent.

Méthodes

ParentNode.append()
Insère un ensemble d'objets Node ou DOMString après le dernier enfant du ParentNode. Les objets DOMString sont insérés comme équivalents aux noeuds Text .
ParentNode.prepend()
Insère un ensemble d'objets Node ou DOMString avant le premier enfant du ParentNode. Les objets DOMString sont insérés comme équivalents aux noeuds Text.
ParentNode.querySelector()
Retourne le premier Element avec l'élément actuel en tant que racine qui correspond au groupe de sélecteurs spécifié.
ParentNode.querySelectorAll()
Retourne une NodeList représentant une liste d'éléments avec l'élément courant comme racine qui correspond au groupe de sélecteurs spécifié.

Spécifications

Spécification Statut Commentaire
DOM
La définition de 'ParentNode' dans cette spécification.		 Standard évolutif Divise l'interface ElementTraversal dans ChildNode et ParentNode. Les propriétés ParentNode.firstElementChild, ParentNode.lastElementChild, et ParentNode.childElementCount sont maintenant définies sur ce dernier. Ajout des propriétés ParentNode.children, et des méthodes ParentNode.querySelector(), ParentNode.querySelectorAll(), ParentNode.append(), et ParentNode.prepend().
Element Traversal Specification
La définition de 'ElementTraversal' dans cette spécification.		 Obsolete Ajout de la définition initiale de ses propriétés dans l'interface pureElementTraversal, et son utilisation sur Element.

 

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
ParentNodeChrome Support complet 1Edge Support complet OuiFirefox Support complet 3.5IE Support complet 9Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
append
Expérimentale
Chrome Support complet 54Edge Support complet 17Firefox Support complet 49IE Aucun support NonOpera Support complet 39Safari Support complet 10WebView Android Support complet 54Chrome Android Support complet 54Firefox Android Support complet 49Opera Android Support complet 41Safari iOS Support complet 10Samsung Internet Android Support complet 6.0
childElementCountChrome Support complet 1Edge Support complet OuiFirefox Support complet 3.5IE Support complet 9Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
childrenChrome Support complet 1Edge Support complet OuiFirefox Support complet 3.5IE Support complet 9
Notes
Support complet 9
Notes
Notes Internet Explorer 6, 7 and 8 supported it, but erroneously includes Comment nodes.
Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android ? Safari iOS Support complet 9Samsung Internet Android Support complet Oui
Support on Document and DocumentFragment
Expérimentale
Chrome Support complet 29Edge ? Firefox Support complet 25IE Aucun support NonOpera Support complet 16Safari Aucun support NonWebView Android Support complet OuiChrome Android Support complet OuiFirefox Android ? Opera Android ? Safari iOS Aucun support NonSamsung Internet Android Support complet Oui
firstElementChildChrome Support complet 1Edge ? Firefox Support complet 3.5IE Support complet 9Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
lastElementChildChrome Support complet 1Edge Support complet OuiFirefox Support complet 3.5IE Support complet 9Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
prepend
Expérimentale
Chrome Support complet 54Edge Support complet 17Firefox Support complet 49IE Aucun support NonOpera Support complet 39Safari Support complet 10WebView Android Support complet 54Chrome Android Support complet 54Firefox Android Support complet 49Opera Android Support complet 41Safari iOS Support complet 10Samsung Internet Android Support complet 6.0
querySelectorAllChrome Support complet 1Edge Support complet OuiFirefox Support complet 3.5IE Support complet 9
Notes
Support complet 9
Notes
Notes Internet Explorer 8 only supported CSS2 selectors.
Opera Support complet 10Safari Support complet 4WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet OuiOpera Android Support complet 10.1Safari iOS Support complet 3.2Samsung Internet Android Support complet Oui

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Sujets associés
  1. Document Object Model
  2. ParentNode
  3. Propriétés
    1. childElementCount
    2. children
    3. firstElementChild
    4. lastElementChild
  4. Méthodes
    1. append()
    2. prepend()
    3. querySelector() [Traduire]
    4. querySelectorAll()
  5. Implémenté par :
    1. Document
    2. DocumentFragment
    3. Element
  6. 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. Node
    45. NodeFilter
    46. NodeIterator
    47. NodeList
    48. NonDocumentTypeChildNode
    49. ProcessingInstruction
    50. PromiseResolver
    51. Range
    52. StaticRange
    53. Text
    54. TextDecoder
    55. TextEncoder
    56. TimeRanges
    57. TreeWalker
    58. TypeInfo
    59. USVString
    60. UserDataHandler
    61. XMLDocument