<!doctype html> | |
<style>p::first-letter { font-size: 200%; color: red; }</style> | |
<p id="start"> [!(5)#]9abcdefghi</p> | |
<div id="start2">ABC</div> | |
<p>(a) bc</p> | |
<div id="end2">DEF</div> | |
<p id="end">[!(3)#]789abcd</p> | |
<script> | |
const selection = window.getSelection(); | |
const start = document.getElementById('start'); | |
const end = document.getElementById('end'); | |
// Select "9^abc to 78|9" | |
selection.collapse(start.firstChild, 10); | |
selection.extend(end.firstChild, 9); | |
</script> |