blob: b12cb5fd991d34b90d701f70dcdf502d460cda5a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<!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>
|
