MENU

Shadow DOM

A set of JavaScript APIs for attaching an encapsulated "shadow" DOM tree to an element — which is rendered separately from the main document DOM — and controlling associated functionality. In this way, you can keep an element's features private, so they can be scripted and styled without the fear of collision with other parts of the document.

let shadow = elementRef.attachShadow({mode: 'open'});

let shadow = elementRef.attachShadow({mode: 'open'});