This article needs a technical review. How you can help.
Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
The ShadowRoot interface of the Shadow DOM API is the root node of a DOM subtree that is rendered separately from a document's main DOM tree.
Properties
ShadowRoot.activeElementRead only- TBD
ShadowRoot.delegatesFocusRead only Chrome only-
Indicates focus activity (tab navigation, mouse click, focus()) on its shadow host will be delegated to its shadow. This property was deprecated in Chrome 47.
ShadowRoot.hostRead only- TBD
ShadowRoot.innerHTML- TBD
ShadowRoot.styleSheetsRead only- TBD
Methods
ShadowRoot.caretPositionFromPoint()- TBD
ShadowRoot.elementFromPoint()- TBD
ShadowRoot.elementsFromPoint()- TBD
ShadowRoot.getSelection()- TBD
Specifications
| Specification | Status | Comment |
|---|---|---|
| Shadow DOM | Working Draft | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 45.0 [1] | No support | No support | ? | No support |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | ? | No support | ? | ? | ? | ? | (Yes) |
[1] In Chrome 45, the ability to have multiple shadow roots was deprecated. In Chrome 47, the delegatesFocus property was deprecated.