Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML DOM Range selectNodeContents() Method

  • Last Updated : 29 Jun, 2020

The selectNodeContents() method sets the Range that contain the contents of a Node.

The startOffset is 0 every time, and the endOffset can be the number of child Nodes or number of characters contained in the reference Node.

Syntax:

range.selectNodeContents(referenceNode);

Parameters:

  • referenceNode : The Node whose contents will set the Range Content.

Return Value: This method has no return value.

Example: This example shows how to set the content of the range using this method.

For better clarification of the example , console logged the range content in string text by toString() method.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM range selectNodeContents() method
    </title>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
    <div>This is the Range Content</div>
  
    <script>
        var range;
        range = document.createRange();
        range.selectNodeContents(
            document.getElementsByTagName("div")[0]);
        console.log(range);
        console.log(range.toString());
    </script>
</body>
  
</html>

Output: In console, range can be seen.

Supported Browsers: The browsers supported by DOM selectNodeContents() method are listed below:

  • Google Chrome
  • Edge
  • Firefox
  • Safari
  • Opera
  • Internet Explorer
My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!