This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The mode
read-only property of the ShadowRoot
returns the mode (either "open
" or "closed
") with which a ShadowRoot
was created.
When the mode
of a shadow root is "closed
", the shadow root’s implementation internals are inaccessible and unchangeable from JavaScript—in the same way the implementation internals of, for example, the <video>
element are inaccessible and unchangeable from JavaScript.
Syntax
var mode = shadowRoot.mode
Value
Either "open
" or "closed
".
Specifications
Specification | Status | Comment |
---|---|---|
DOM The definition of 'ShadowRoot.mode' in that specification. |
Living Standard |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 53 | No support[1] | No support[2] | No support | 40 | 10 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | 53 | No support[1] | No support[2] | No support | 40 | 10.1 |
[1] This feature is not implemented yet. See the Edge platform status.
[2] This feature is not implemented yet. See bug 1205323.