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

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`DocumentOrShadowRoot` Expérimentale	Chrome Support complet 53	Edge Support complet Oui	Firefox Support complet Oui	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView Android Support complet 53	Chrome Android Support complet 53	Firefox Android Support complet Oui	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung Internet Android Support complet 6.0
`activeElement` Expérimentale	Chrome Support complet 53	Edge Support complet Oui	Firefox Support complet 63	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView Android Support complet 53	Chrome Android Support complet 53	Firefox Android Support complet 63	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung Internet Android Support complet 6.0
`adoptedStyleSheets` Expérimentale	Chrome Support complet 73	Edge Aucun support Non	Firefox Aucun support Non	IE Aucun support Non	Opera Support complet 60	Safari Aucun support Non	WebView Android Support complet 73	Chrome Android Support complet 73	Firefox Android Aucun support Non	Opera Android Support complet 50	Safari iOS Aucun support Non	Samsung Internet Android Aucun support Non
`caretPositionFromPoint` Expérimentale	Chrome Aucun support Non	Edge Aucun support Non	Firefox Support complet 20	IE Aucun support Non	Opera Aucun support Non	Safari Support complet Oui	WebView Android Aucun support Non	Chrome Android Aucun support Non	Firefox Android Support complet 20	Opera Android Aucun support Non	Safari iOS Support complet Oui	Samsung 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 Oui	Firefox Support complet 63	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView 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 63	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung 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 63	IE 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 40	Safari Support complet 12	WebView 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 63	Opera Android Support complet 41	Safari iOS Support complet 12	Samsung 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.
`fullscreenElement`	Chrome Support complet 53 Préfixée Support complet 53 Préfixée Préfixée Nécessite l'utilisation d'un préfixe : webkit	Edge Support complet Oui Préfixée Support complet Oui Préfixée Préfixée Nécessite l'utilisation d'un préfixe : webkit	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 53 Préfixée Support complet 53 Préfixée Préfixée Nécessite l'utilisation d'un préfixe : webkit	Chrome Android Support complet 53 Préfixée 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 53	Edge Support complet Oui	Firefox Support complet 63	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView Android Support complet 53	Chrome Android Support complet 53	Firefox Android Support complet 63	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung Internet Android Support complet 6.0
`nodeFromPoint` ExpérimentaleNon-standard	Chrome Aucun support Non	Edge Aucun support Non	Firefox Aucun support Non Notes Aucun support Non Notes Notes Implemented in Firefox but currently only works in chrome code.	IE Aucun support Non	Opera Aucun support Non	Safari Aucun support Non	WebView Android Aucun support Non	Chrome Android Aucun support Non	Firefox Android Aucun support Non Notes Aucun support Non Notes Notes Implemented in Firefox but currently only works in chrome code.	Opera Android Aucun support Non	Safari iOS Aucun support Non	Samsung Internet Android Aucun support Non
`nodesFromPoint` ExpérimentaleNon-standard	Chrome Aucun support Non	Edge Aucun support Non	Firefox Aucun support Non Notes Aucun support Non Notes Notes Implemented in Firefox but currently only works in chrome code.	IE Aucun support Non	Opera Aucun support Non	Safari Aucun support Non	WebView Android Aucun support Non	Chrome Android Aucun support Non	Firefox Android Aucun support Non Notes Aucun support Non Notes Notes Implemented in Firefox but currently only works in chrome code.	Opera Android Aucun support Non	Safari iOS Aucun support Non	Samsung Internet Android Aucun support Non
`pointerLockElement` Expérimentale	Chrome Support complet 53	Edge Support complet Oui	Firefox Support complet 63	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView Android Support complet 53	Chrome Android Support complet 53	Firefox Android Support complet 63	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung Internet Android Support complet 6.0
`styleSheets` Expérimentale	Chrome Support complet 53	Edge Support complet Oui	Firefox Support complet 63	IE Support complet Oui	Opera Support complet 40	Safari Support complet Oui	WebView Android Support complet 53	Chrome Android Support complet 53	Firefox Android Support complet 63	Opera Android Support complet 41	Safari iOS Support complet Oui	Samsung 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.