html parent()属性,HTML DOM parentElement用法及代码示例

DOM parentElement属性用于返回特定子元素的父元素。这是一个只读属性。 parentElement和parentNode属性相似，唯一的区别是，如果父节点不是元素，则parentElement属性返回null。

用法:

node.parentElement

返回值：它返回一个表示任何子节点的父节点的字符串；如果指定的节点不包含任何父节点，则返回null。

范例1：

HTML DOM parentElement Property

GeeksForGeeks

DOM parentElement Property

1. Quick Sort
2. Merge Sort
3. Selection Sort
4. Heap Sort

Submit

function Geeks() {

var w =

document.getElementById("GFG").parentElement.nodeName;

document.getElementById("sudo").innerHTML = w;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：本示例隐藏父元素以单击关闭图标。

HTML DOM parentElement Property

div {

padding:16px;

width:70%;

background-color:green;

color:white;

border-radius:30px;

}

.GFG {

float:right;

font-size:30px;

font-weight:bold;

cursor:pointer;

}

DOM parentElement Property

onclick = "this.parentElement.style.display

= 'none';">

&times

GeeksforGeeks.

输出：

在点击十字图标之前：

单击十字图标后：

支持的浏览器：DOM parentElement属性支持的浏览器如下：

谷歌浏览器1.0

IE浏览器

Firefox 9.0

Opera

苹果浏览器