DocumentOrShadowRoot

Le DocumentOrShadowRoot mélange de l'API Shadow DOM qui fournit des API qui sont partagées entre les documents et les racines fantômes. Les fonctionnalités suivantes sont incluses dans Document et ShadowRoot.

Propriétés

DocumentOrShadowRoot.activeElementLecture seule
Renvoie l'Element dans l'arbre shadow qui a le focus.
DocumentOrShadowRoot.fullscreenElementLecture seule
Renvoie l'Element qui est actuellement en mode plein écran pour ce document.
DocumentOrShadowRoot.pointerLockElement  Lecture seule
Renvoie l'élément défini comme cible pour les événements de la souris lorsque le pointeur est verrouillé. Il renvoie null si le verrouillage est en cours, si le pointeur est déverrouillé ou si la cible se trouve dans un autre document.
DocumentOrShadowRoot.styleSheetsLecture seule
Renvoie une StyleSheetList d'objets CSSStyleSheet pour les feuilles de style explicitement liées ou intégrées dans un document.

Méthodes

DocumentOrShadowRoot.caretPositionFromPoint()
Renvoie un objet CaretPosition contenant le noeud DOM contenant le signe d'insertion, et le décalage du caractère d'insertion dans ce noeud.
DocumentOrShadowRoot.elementFromPoint()
Renvoie l'élément le plus élevé aux coordonnées spécifiées.
DocumentOrShadowRoot.elementsFromPoint()
Renvoie un tableau de tous les éléments aux coordonnées spécifiées.
DocumentOrShadowRoot.getSelection()
Renvoie un objet Selection représentant la plage de texte sélectionnée par l'utilisateur, ou la position actuelle du curseur.
DocumentOrShadowRoot.nodeFromPoint()
Renvoie le nœud supérieur aux coordonnées spécifiées.
DocumentOrShadowRoot.nodesFromPoint()
Renvoie un tableau de tous les nœuds aux coordonnées spécifiées.

Spécifications

Spécification Statut Commentaire
Shadow DOM
La définition de 'DocumentOrShadowRoot' dans cette spécification.
Obsolete Implémentation de Shadow DOM.
DOM
La définition de 'DocumentOrShadowRoot' dans cette spécification.
Standard évolutif Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
DocumentOrShadowRoot
Expérimentale
Chrome Support complet 53Edge Support complet 12Firefox Support complet OuiIE Support complet OuiOpera Support complet 40Safari Support complet OuiWebView Android Support complet 53Chrome Android Support complet 53Firefox Android Support complet OuiOpera Android Support complet 41Safari iOS Support complet OuiSamsung Internet Android Support complet 6.0
activeElement
Expérimentale
Chrome Support complet 53Edge Support complet 12Firefox Support complet 63IE Support complet 4Opera Support complet 40Safari Support complet 4WebView Android Support complet 53Chrome Android Support complet 53Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet 3.2Samsung Internet Android Support complet 6.0
adoptedStyleSheets
Expérimentale
Chrome Support complet 73Edge Support complet 79Firefox Aucun support NonIE Aucun support NonOpera Support complet 60Safari Aucun support NonWebView Android Support complet 73Chrome Android Support complet 73Firefox Android Aucun support NonOpera Android Support complet 50Safari iOS Aucun support NonSamsung Internet Android Support complet 11.0
caretPositionFromPoint
Expérimentale
Chrome Aucun support NonEdge Aucun support NonFirefox Support complet 20IE Aucun support NonOpera Aucun support NonSafari Support complet OuiWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Support complet 20Opera Android Aucun support NonSafari iOS Support complet OuiSamsung Internet Android Aucun support Non
elementFromPoint
Expérimentale
Chrome Support complet 53
Notes
Support complet 53
Notes
Notes Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge Support complet 12Firefox Support complet 63IE Support complet OuiOpera Support complet 40Safari Support complet OuiWebView Android Support complet 53
Notes
Support complet 53
Notes
Notes Before WebView 66, this method returned null when the element was a child of a host node. See issue 759947.
Chrome Android Support complet 53
Notes
Support complet 53
Notes
Notes Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet OuiSamsung Internet Android Support complet 6.0
Notes
Support complet 6.0
Notes
Notes Before Samsung Internet 9.0, this method returned null when the element was a child of a host node. See issue 759947.
elementsFromPoint
Expérimentale
Chrome Support complet 53
Notes
Support complet 53
Notes
Notes Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Edge Support complet 12
Notes Autre nom
Support complet 12
Notes Autre nom
Notes Returns a NodeList instead of an array. See the MSDN documentation. Returns null when the point provided has no elements beneath it (e.g., when given a point outside the document).
Autre nom Cette fonctionnalité utilise le nom non-standard : msElementsFromPoint
Firefox Support complet 63IE Support complet 10
Notes Autre nom
Support complet 10
Notes Autre nom
Notes Returns a NodeList instead of an array. See the MSDN documentation. Returns null when the point provided has no elements beneath it (e.g., when given a point outside the document).
Autre nom Cette fonctionnalité utilise le nom non-standard : msElementsFromPoint
Opera Support complet 40Safari Support complet 12WebView Android Support complet 53
Notes
Support complet 53
Notes
Notes Before WebView 66, this method returned null when the element was a child of a host node. See issue 759947.
Chrome Android Support complet 53
Notes
Support complet 53
Notes
Notes Before Chrome 66, this method returned null when the element was a child of a host node. See issue 759947.
Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet 12Samsung Internet Android Support complet 6.0
Notes
Support complet 6.0
Notes
Notes Before Samsung Internet 9.0, this method returned null when the element was a child of a host node. See issue 759947.
fullscreenElementChrome Support complet 71
Support complet 71
Support complet 53
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Edge Support complet ≤79
Support complet ≤79
Support complet ≤18
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Support complet 12
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : ms
Firefox Support complet 64
Support complet 64
Aucun support 47 — 65
Désactivée
Désactivée From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Aucun support 9 — 65
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : mozFullScreenElement
IE Support complet Oui
Préfixée
Support complet Oui
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : ms
Opera Support complet 40
Préfixée
Support complet 40
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Safari Support complet Oui
Préfixée
Support complet Oui
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
WebView Android Support complet 71
Support complet 71
Support complet 53
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Chrome Android Support complet 71
Support complet 71
Support complet 53
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Firefox Android Support complet 64
Support complet 64
Aucun support 47 — 65
Désactivée
Désactivée From version 47 until version 65 (exclusive): this feature is behind the full-screen-api.unprefix.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Aucun support 9 — 65
Autre nom
Autre nom Cette fonctionnalité utilise le nom non-standard : mozFullScreenElement
Opera Android Support complet 41
Préfixée
Support complet 41
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
Safari iOS Support partiel 12
Notes Autre nom
Support partiel 12
Notes Autre nom
Notes Full-screen mode is only supported on the iPad.
Autre nom Cette fonctionnalité utilise le nom non-standard : webkitFullscreenElement
Samsung Internet Android Support complet 6.0
Préfixée
Support complet 6.0
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : webkit
getSelection
Expérimentale
Chrome Support complet 53Edge Support complet 12Firefox Support complet 63IE Support complet OuiOpera Support complet 40Safari Support complet OuiWebView Android Support complet 53Chrome Android Support complet 53Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet OuiSamsung Internet Android Support complet 6.0
nodeFromPoint
ExpérimentaleNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support Non
Notes
Aucun support Non
Notes
Notes Implemented in Firefox but currently only works in chrome code.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes Implemented in Firefox but currently only works in chrome code.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
nodesFromPoint
ExpérimentaleNon-standard
Chrome Aucun support NonEdge Aucun support NonFirefox Aucun support Non
Notes
Aucun support Non
Notes
Notes Implemented in Firefox but currently only works in chrome code.
IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Aucun support NonChrome Android Aucun support NonFirefox Android Aucun support Non
Notes
Aucun support Non
Notes
Notes Implemented in Firefox but currently only works in chrome code.
Opera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
pointerLockElement
Expérimentale
Chrome Support complet 53Edge Support complet 12Firefox Support complet 63IE Support complet OuiOpera Support complet 40Safari Support complet OuiWebView Android Support complet 53Chrome Android Support complet 53Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet OuiSamsung Internet Android Support complet 6.0
styleSheets
Expérimentale
Chrome Support complet 53Edge Support complet 12Firefox Support complet 63IE Support complet OuiOpera Support complet 40Safari Support complet OuiWebView Android Support complet 53Chrome Android Support complet 53Firefox Android Support complet 63Opera Android Support complet 41Safari iOS Support complet OuiSamsung Internet Android Support complet 6.0

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Aucun support  
Aucun support
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.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité utilise un nom non-standard.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

[1] Les fonctionnalités de cette interface sont toujours implémentées sur l'objet Document.