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 12Firefox 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 12Firefox 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 12Firefox 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 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 9Samsung Internet Android Support complet 1.0
Support on Document and DocumentFragment
Expérimentale
Chrome Support complet 29Edge Support complet ≤79Firefox 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 Support complet 12Firefox 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 12Firefox 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
querySelectorChrome Support complet 1Edge Support complet 12Firefox 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 ≤37Chrome Android Support complet 18Firefox Android Support complet OuiOpera Android Support complet 10.1Safari iOS Support complet 3.2Samsung Internet Android Support complet 1.0
querySelectorAllChrome Support complet 1Edge Support complet 12Firefox 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
replaceChildren
Expérimentale
Chrome Support complet 86Edge Support complet 86Firefox Support complet 78IE Aucun support NonOpera Support complet 72Safari Support complet 14WebView Android Support complet 86Chrome Android Support complet 86Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Support complet 14Samsung Internet Android Aucun support Non

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