怎樣獲取當前節點的父節點或父元素節點

本文轉載自查看原文 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獲取父元素或父節點的方法