怎样获取当前节点的父节点或父元素节点

本文转载自查看原文 2019-09-11 15:52 1485 DOM

获取父节点: Node.prototype.parentNode

获取父节点元素: Node.prototype.parentElement

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="id1">李雷</div>
    <script>
        var id1 = document.getElementById("id1");
        document.getElementById("id1").parentNode;
        document.getElementById("id1").parentNode.parentNode;
        document.getElementById("id1").parentNode.parentNode.parentNode;
        document.getElementById("id1").parentNode.parentNode.parentNode.parentNode;
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="id1">李雷</div>
    <script>
        var id1 = document.getElementById("id1");
        document.getElementById("id1").parentElement;
        document.getElementById("id1").parentElement.parentElement;
        document.getElementById("id1").parentElement.parentElement.parentElement;
    </script>
</body>
</html>

父节点有三种类型: 元素节点（element）、文档节点（document）和文档片段节点(documentfragment), .parentNode 可能返回这三个类型中的一个.

父元素节点排除了document 和 documentfragment, 只会返回元素节点.

注意, 如果对element和documentfragment使用, 则返回null

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 递归获取当前节点和所有父节点 jquery获取父元素或父节点的方法 Jquery 获取元素（父节点、子节点、兄弟节点）方法 jquery 获取元素(父节点,子节点,兄弟节点) jquery 获取元素(父节点,子节点,兄弟节点) xpath获取当前标签的兄弟节点，父节点(转) 获取ztree 当前节点的所有父节点name！ element-ui tree控件获取当前节点和父节点 xpath获取当前标签的兄弟节点，父节点(转) 使用jquery获取父元素或父节点的方法