HTML - DOM 元素 parentElement 属性

**parentElement** 属性允许您访问 HTML 元素中特定元素的直接父元素。如果直接父节点不是元素，则 parentElement 返回 null。

语法

element.parentElement;

返回值

parentElement 属性返回特定元素的直接父元素。如果不存在父元素，则返回“null”。

HTML DOM 元素“parentElement”属性的示例

以下是一些示例，展示了如何使用“parentElement”属性访问 HTML DOM 中特定元素的直接父元素。

访问父元素

此示例演示如何使用 parentElement 属性访问子元素（**<p>**）的父元素（Div）。单击按钮时，它会使用父元素的标签名称更新 **<div>** 的内容。

<!DOCTYPE html>
<html lang="en">
<head> 
    <title>
        HTML DOM Element parentElement Property
    </title>
</head>

<body>
    <h1>HTML - DOM Element</h1>
    <h2>parentElement Property</h2>
    <p>Click the button to see parent Element</p>

    <div id="child">
        <p>This paragraph is inside a div element.</p>
        <button onclick="displayParent()">
            Display Parent
        </button>
    </div>

    <div id="ot"></div>

    <script>
        function displayParent() {
            var child = document.getElementById('child');
            var pele = child.parentElement;
            var odiv = document.getElementById('ot');
            odiv.textContent = 'Parent Element: ' 
            + pele.tagName;
        }
    </script>
</body>

</html>

查找段落的父元素

此示例演示如何使用 parentElement 属性访问子元素（<p>）的父元素（Div）。单击按钮时，它会使用父元素的标签名称更新 <div> 元素的内容。

<!DOCTYPE html>
<html lang="en">
<head> 
    <title>
        HTML DOM Element parentElement Property
    </title>
</head>

<body>
    <h1>HTML - DOM Element</h1>
    <h2>parentElement Property</h2>
    <p>Click the button to see parent Element</p>
    
    <div>
        <p id="para">
        	This is a paragraph inside a div.
        </p>
        <button onclick="displayParent()">
        	Display Parent
        </button>
    </div>
    <hr>
    <div id="ot"></div>

    <script>
        function displayParent() {
            var para=document.getElementById('para');
            var pele = para.parentElement;
            var oDiv = document.getElementById('ot');
            oDiv.textContent = 'Parent Element: ' 
            + pele.tagName;
        }
    </script>
</body>

</html>

支持的浏览器

属性
parentElement	是	是	是	是	是

html_dom_element_reference.htm

打印页面