js中parentNode和parentElement的区别

最新推荐文章于 2023-08-04 08:47:36 发布

香格里拉&

最新推荐文章于 2023-08-04 08:47:36 发布

阅读量2.2k

点赞数 1

分类专栏： JavaScript 文章标签： html5 javascript

本文链接：https://blog.csdn.net/Amor__xiaowang/article/details/103971263

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

parentNode 父节点

parentElement 父元素节点

<body>
	<div id="box"></div>
</body>
<script>
    var box = document.getElementById('box');
    //探究parentNode 和  parentElement  的区别
    
    //父元素节点	       BODY ->        HTML ->        (error)null
    console.log(box.parentElement.parentElement.parentElement.nodeName); 
    //父节点            BODY ->        HTML ->        document
    console.log(box.parentNode.parentNode.parentNode.nodeName);
    
    //当父节点的nodeType不是1，即不是element节点的话，它的parentElement就会是null
    //所有节点的 根节点 是 document,而document的 nodeType = 9
    
</script>