<!DOCTYPE html> <html> <head> <body> <p id="first">f<span>o</span>o</p> <p id="second">bar</p> <script> var p1 = document.getElementById("first"); var p2 = document.getElementById("second"); var selection = window.getSelection(); selection.setBaseAndExtent(p1.firstChild, 0, p2.firstChild, 2); </script> </body> </html>