<!doctype html>
<span id="span">Start
<div>
<span id="inner1">inner1</p>
<span id="inner2">inner2</p>
</div>
</span>
<script>
const start = document.getElementById("span").firstChild;
const end = document.getElementById("inner2");
window.getSelection().setBaseAndExtent(start, 3, end.firstChild, 3);
</script>