zoukankan html css js c++ java

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

获取父节点: 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

查看全文

相关阅读:
RaisedButton
Icon
RichText
GridView
HTML常用标签
 HTML语法
 HTML简史
 17_继承
 16_Math
16_ArrayList

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