Shadow DOM

Shadow DOM allows you to attach encapsulated "shadow" DOM trees to elements. A shadow DOM tree is a separate component, isolated from the scripts and styles in other parts of the document. This is a part of Web Components.

Compatibility (view on caniuse.com)

• Chrome 54 Released on 2016-10-12
• Chrome Android 54 Released on 2016-10-19
• Edge 79 Released on 2020-01-15
• Firefox 63 Released on 2018-10-23
• Firefox for Android 63 Released on 2018-10-23
• Safari 10.1 Released on 2017-03-27
• Safari on iOS 10.3 Released on 2017-03-27

BCD data

• api.Element.attachShadow
• api.Element.shadowRoot
• api.Event.composed
• api.Event.composedPath
• api.Node.getRootNode
• api.Node.isConnected
• api.ShadowRoot
• api.ShadowRoot.host
• api.ShadowRoot.mode