HTML DOM Range startContainer property

0 0 1 minute read

The startContainer property returns the Parent Node within which the Current Range starts. This is a read only property.

Syntax:

ParentNode = range.startContainer;

Return Value:

Returns the node within which the current range starts.

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

HTML

<html>
<head>
<title>HTML DOM range startContainer property</title>    
</head>
<body>
    <h1>zambiatek</h1>
     
 
<p>This is the Range Content</p>
 
 
</body>
<script>
    let range = document.createRange();
    let referenceNode = document.getElementsByTagName('p').item(0);
    range.selectNode(referenceNode);
    console.log(range.startContainer);
</script>
</html>

Output: In console, we got the startContainer 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!