shadow dom w3schools code example

Example 1: box shadow javascript style change

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

Example 2: create shadow root

hostElement.attachShadow({mode:"open"})
//open mode to alow js to acces the shadow dom
hostElement.attachShadow()
//shadow dom can not be accesed with js

Example 3: jsshadow

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