HTML DOM parentNode Property
Clash Royale CLAN TAG#URR8PPP
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
HTML DOM parentNode Property
Element Object
Example
Get the node name of the parent node of a <li> element:
var x = document.getElementById("myLI").parentNode.nodeName;<!--
The result of x will be:
UL-->Try it Yourself »
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 |
<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]-->
Syntax
node.parentNodeTechnical 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>):
<div>
<span onclick="this.parentNode.style.display = 'none';">x</span>
</div>Try it Yourself »
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
Element Object
