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!
… [Trackback]
[…] Info on that Topic: geeksforgeeks.org/html-dom-range-endcontainer-property-2/ […]