​x
 
<!DOCTYPE html>
<html>
​
<style>
    p {
        color:#222; font-size:1.2em; font-family:Calibri; 
        background-color:lightblue; text-shadow:0px 1px 1px #eee; 
  }
</style>
​
<body><p id="message"><b>My message</b></p>
    <script>
    
        var r1 = document.createRange();
        var r2 = document.createRange();
​
        var elem = document.getElementById("message");
​
        // Range here is <p id="message"><b>My message</b></p>
        r1.selectNode(elem);  
                                 
        // Range here is < b>My message</b> 
        r2.selectNodeContents(elem);                               
​
        elem.innerHTML += "<br /><br />selectNode: " + r1;
    </script>
</body>
​
</html>