HTML DOM parentNode Property
Element ObjectExample
Get the node name of the parent node of a <li> element:
The result of x will be:
More "Try it Yourself" examples below.
Definition and Usage
The parentNode property returns the parent node of the specified node, as a Node object.
Note: In HTML, the document itself is the parent node of the HTML element, HEAD and BODY are child nodes of the HTML element.
This property is read-only.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| parentNode | 1.0 | Yes | 1.0 | Yes | Yes |
Syntax
Technical Details
| Return Value: | A Node object, representing the parent node of a node, or null if the node has no parent |
|---|---|
| DOM Version | Core Level 1 Node Object |
More Examples
Example
Click on an element (<span>) to hide its parent node (<div>):
<span onclick="this.parentNode.style.display = 'none';">x</span>
</div>
Related Pages
HTML DOM reference: node.childNodes Property
HTML DOM reference: node.firstChild Property
HTML DOM reference: node.lastChild Property
HTML DOM reference: node.nextSibling Property
HTML DOM reference: node.previousSibling Property
HTML DOM reference: node.nodeName Property
HTML DOM reference: node.parentElement Property
