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 Element.attachShadow()
method attatches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot
.
Syntax
var shadowroot = element.attachShadow(shadowRootInit);
Parameters
shadowRootInit
- A
ShadowRootInit
dictionary, having the following field:mode
: A string specifying the encapsulation mode for the shadow DOM tree. One of:open.
Specifies open encapsulation mode.closed.
Specifies closed encapsulation mode.
Returns
Returns a ShadowRoot
.
Specifications
Specification | Status | Comment |
---|---|---|
Shadow DOM The definition of 'attachShadow()' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | Not supported | Not supported | Not supported | ? | Not supported |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
Basic support | Not supported | Not supported | Not supported | ? | ? | ? | ? | Not supported |
Document Tags and Contributors
Last updated by:
rolfedh,