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

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样获取当前节点前面临近的第一个节点讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。