blob: 24900623d8ef1637aaae095fcb46d1d0af2fe069 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<div id="a">hello <button id="b">world</button>
<span id="f"></span>
<div id="c"></div>
</div>
<a>My name is Jun (pronounced like "June")</a>
<script>
const topShadow = document.querySelector('#c');
topShadow.attachShadow({ mode: "open" });
topShadow.shadowRoot.innerHTML = `shadow dom<div id="d"></div>`;
const innerShadow = topShadow.shadowRoot.querySelector('#d');
innerShadow.attachShadow({ mode: "open" });
innerShadow.shadowRoot.innerHTML = `<a id="e">deep text</a>`;
</script>
|