Friday, January 10, 2025
Google search engine
HomeLanguagesJavascriptHTML DOM Range endContainer property

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>neveropen</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, neveropen 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!

RELATED ARTICLES

Most Popular

Recent Comments