blob: 916fa6ab5f7a4858733e64a8b0e3a05a5664c938 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!doctype html>
<p id="above">Something to <span>find</span> above</p>
<p id="host"></p>
<p id="below">Something to <span>find</span> below</p>
<script>
document.getElementById("host").attachShadow({ mode: "open" }).innerHTML = `
Something to <span>find</span> in the shadow
`.trim();
let selection = getSelection();
selection.removeAllRanges();
for (let id of ["above", "host", "below"]) {
let element = document.getElementById(id);
let span = (element.shadowRoot || element).querySelector("span");
let range = document.createRange();
range.selectNode(span);
selection.addRange(range);
}
</script>
|
