Open In App

HTML DOM Range endContainer property

Last Updated : 21 Jun, 2023
Improve
Improve
Like Article
Like
Save
Share
Report

The endContainer property returns the Node within which the Current Range ends. This is a read-only property.

Syntax:

parentNode = range.endContainer;

Return Value:

  • Returns the node within which the current range ends.

Example: This example will show how to get the endContainer Node of the Current Range.

HTML




<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
          HTML DOM range endContainer property
      </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <p>This is the Range Content</p>
   
    <script>
        let range = document.createRange();
        let referenceNode = document.getElementsByTagName(
                              'p').item(0);
        range.selectNode(referenceNode);
        console.log(range.endContainer);
    </script>
</body>
 
</html>


Output: In the console, we got the endContainer Node for our range.

Supported Browsers:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Safari 1 and above
  • Opera 9 and above
  • Internet Explorer 9 and above

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads