This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The DocumentOrShadowRoot interface of the Shadow DOM API provides APIs that are shared between documents and shadow roots.
Properties
DocumentOrShadowRoot.activeElementRead only- Returns the
elementwithin the shadow tree that has focus. DocumentOrShadowRoot.styleSheetsRead only- Returns a
StyleSheetListofCSSStyleSheetobjects for stylesheets explicitly linked into, or embedded in a document
Methods
DocumentOrShadowRoot.getSelection()- Returns a
Selectionobject 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
CaretPositionobject 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. |
Working 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 |