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

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