TAG
JavaScript
Result
Run
License
<h2>Shadow DOM Style TEST</h2>
window.addEventListener("DOMContentLoaded", () => { const elShadowRoot = document.createElement("div"); elShadowRoot.classList.add("sr"); const elStyle = document.createElement("style"); const elTitle = document.createElement("h1"); const elShadow = elShadowRoot.attachShadow({ mode: "open" }); elTitle.textContent = "Hello"; elStyle.textContent = ` :host(.sr) { background-color: #FFFF00; } `; elShadow.append(elStyle, elTitle); document.body.append(elShadowRoot); });
Console
expand_less
License
License
by DevDic
Close