20 lines
624 B
HTML
20 lines
624 B
HTML
<!doctype html>
|
|
<head>
|
|
<link rel=match href="cross-shadow-boundary-5-ref.html">
|
|
</head>
|
|
OuterText1
|
|
<div id="host1"></div>
|
|
OuterText2
|
|
<div id="host2"></div>
|
|
OuterText3
|
|
<script>
|
|
const root1 = document.getElementById("host1").attachShadow({ mode: "open" });
|
|
root1.innerHTML = "innerText1";
|
|
|
|
const root2 = document.getElementById("host2").attachShadow({ mode: "open" });
|
|
root2.innerHTML = "<div></div>";
|
|
|
|
const root3 = root2.querySelector("div").attachShadow({ mode: "open" });
|
|
root3.innerHTML = "innerText2";
|
|
getSelection().setBaseAndExtent(document.body.firstChild, 3, document.body.childNodes[4], 3);
|
|
</script>
|