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