Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<meta charset="utf-8">
<body>
<div class="target"></div>
<span id="shadowHostA"></span>
<span id="shadowHostB"></span>
<style> .target { width: 100px; height: 100px; border-style: solid; border-color: blue; } </style>
</body>
<script>
const innerHTMLText = `
<div class="target"></div>
<style> .target { width: 100px; height: 100px; border-style: solid; border-color: blue; } </style>
`;
shadowHostA.attachShadow({mode: "open"}).innerHTML = innerHTMLText;
shadowHostB.attachShadow({mode: "open"}).innerHTML = innerHTMLText;
</script>