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