DocumentOrShadowRoot

The DocumentOrShadowRoot mixin of the Shadow DOM API provides APIs that are shared between documents and shadow roots. The following features are included in both Document and ShadowRoot.

Properties

DocumentOrShadowRoot.activeElementLecture seule: Returns the Element within the shadow tree that has focus.
DocumentOrShadowRoot.fullscreenElementLecture seule: Returns the Element that's currently in full screen mode for this document.
DocumentOrShadowRoot.pointerLockElement Lecture seule: Returns the element set as the target for mouse events while the pointer is locked. It returns null if lock is pending, the pointer is unlocked, or if the target is in another document.
DocumentOrShadowRoot.styleSheetsLecture seule: Returns a StyleSheetList of CSSStyleSheet objects for stylesheets explicitly linked into, or embedded in a document.

Methods

DocumentOrShadowRoot.caretPositionFromPoint(): Returns a CaretPosition object containing the DOM node containing the caret, and caret's character offset within that node.
DocumentOrShadowRoot.elementFromPoint(): Returns the topmost element at the specified coordinates.
DocumentOrShadowRoot.elementsFromPoint(): Returns an array of all elements at the specified coordinates.
DocumentOrShadowRoot.getSelection(): Returns a Selection object representing the range of text selected by the user, or the current position of the caret.
DocumentOrShadowRoot.nodeFromPoint(): Returns the topmost node at the specified coordinates.
DocumentOrShadowRoot.nodesFromPoint(): Returns an array of all nodes at the specified coordinates.

Specifications

Specification	Status	Comment
Shadow DOM La définition de 'DocumentOrShadowRoot' dans cette spécification.	Obsolete	Implementation in Shadow DOM.
DOM La définition de 'DocumentOrShadowRoot' dans cette spécification.	Standard évolutif	Initial definition.

Browser compatibility

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] This interface's features are still implemented on the Document object.