30-seconds-of-code/glossary/ShadowDOM.md

Shadow DOM

Shadow DOM allows you to attach hidden DOM trees to elements in the normal DOM tree, which are included in the document rendering, but excluded from the main document DOM tree. A shadow DOM tree will start with a shadow root, to which you can attach any elements you want, just like in a regular DOM. Examples of shadow DOM uses are the <video>/<audio> elements and the simple <input type="range"> element.