This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The DocumentOrShadowRoot
interface of the Shadow DOM API provides APIs that are shared between documents and shadow roots.
Properties
DocumentOrShadowRoot.activeElement
Read only- Returns the
element
within the shadow tree that has focus. DocumentOrShadowRoot.styleSheets
Read only- Returns a
StyleSheetList
ofCSSStyleSheet
objects for stylesheets explicitly linked into, or embedded in a document
Methods
DocumentOrShadowRoot.getSelection()
- Returns a
Selection
object representing the range of text selected by the user, or the current position of the caret. DocumentOrShadowRoot.elementFromPoint()
- Returns the topmost element at the specified coordinates.
DocumentOrShadowRoot.elementsFromPoint()
- Returns an array of all elements at the specified coordinates.
DocumentOrShadowRoot.caretPositionFromPoint()
- Returns a
CaretPosition
object containing the DOM node containing the caret, and caret's character offset within that node.
Specification | Status | Comment |
---|---|---|
DOM The definition of 'DocumentOrShadowRoot' in that specification. |
Living Standard | Initial definition. |
Shadow DOM The definition of 'DocumentOrShadowRoot' in that specification. |
Editor's Draft | Implementation in Shadow DOM. |
Browser Compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 53.0 | ? | ? | ? | ? |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | No support | 53.0 | ? | ? | ? | ? | ? | 53.0 |