Draft
This page is not complete.
Deprecated
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Do not use it in old or new projects. Pages or Web apps using it may break at any time.
Use Element.createShadowRoot to create an instance of shadow DOM. When shadow DOM is created, it is always attached to an existing element. After the shadow DOM is created, the element that it is attached to is called the shadow root.
This method has been deprecated in favor of attachShadow.
Syntax
var shadowroot = element.createShadowRoot();
Parameters
No parameters.
Result value
Returns a ShadowRoot.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Shadow DOM | Working Draft | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 35.0 | No support | No support | 22 | No support |
| Feature | Android | Android Webview | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | ? | ? | ? | ? | ? | ? | (Yes) |
In Chrome 45, the ability to have multiple shadow roots was deprecated.