multiple-text-selection-ref.html

Enable keyboard shortcuts

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<!DOCTYPE html>

<style>

html, body { margin: 0 }

svg, div { display: inline-block; width: 700px; height: 200px }

div { font: 16px sans-serif }

#a { margin-left: -700px; vertical-align: 100px }

#b { margin-left: -700px; vertical-align: 50px }

span { margin-left: 100px }

</style>

<body>

  <svg></svg><div id=a><span>hello</span></div><div id=b><span>there</span></div>

  <script>

    var span = document.getElementsByTagName("span");

    var range = document.createRange();

    range.setStart(span[0].firstChild, 1);

    range.setEnd(span[1].firstChild, 4);

    window.getSelection().addRange(range);

  </script>

</body>