阅读量:2
parentElement是HTML DOM元素对象的属性之一。它用于获取一个元素的直接父元素。
parentElement属性返回一个DOM元素对象,表示指定元素在DOM树中的直接父级元素。如果该元素没有父元素(例如,它是根元素),则parentElement属性的值为null。
以下是使用parentElement属性的示例:
<div id="parent"><div id="child">This is a child element.</div>
</div>
<script>
var childElement = document.getElementById("child");
var parentElement = childElement.parentElement;
console.log(parentElement.id); // 输出: parent
</script>
在上述示例中,我们通过document.getElementById()方法获取了具有特定ID的子元素(id为"child")。然后,我们使用parentElement属性获取子元素的直接父级元素,并将结果存储在一个变量中。最后,我们将父元素的ID打印到控制台上。
需要注意的是,parentElement属性是只读属性,不能对其进行赋值。此外,如果要获取更高级别的祖先元素(不仅仅是直接父元素),可以使用parentNode属性或closest()方法。