HTML DOM Range endContainer property

0 0 1 minute read

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>zambiatek</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

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!