HTML DOM Range endContainer property

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

Article Tags :

HTML

JavaScript

Web Technologies

HTML-DOM