首页 > 其他 > 详细

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

时间:2019-09-11 16:32:40      阅读:82      评论:0      收藏:0      [点我收藏+]

获取父节点: 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 可能返回这三个类型中的一个. 

父元素节点排除了documentdocumentfragment, 只会返回元素节点.

 

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

 

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

原文:https://www.cnblogs.com/aisowe/p/11506721.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!