父节点跟父元素节点的区别

通过这段代码能讲解下父节点跟父元素节点的区别吗？

<body><ul id="parent">
    <li>苹果</li>
    <li id="mi">小米</li>
    <li>锤子</li></ul><script>
    //子节点
    var mi = document.getElementById('mi');    //通过子节点获取父节点
    var parent1 = mi.parentNode;    console.log(parent1);    //通过子节点获取父元素节点
    var parent2 = mi.parentElement;    console.log(parent2);    
    var html = document.documentElement;    console.log(html.parentNode);//文档节点
    console.log(html.parentElement);//null</script></body>

Cats萌萌

浏览 1829回答 1

1回答

qq_遁去的一_1

parentNode属性返回当前节点的父节点;parentElement属性返回当前节点的父元素节点。如果当前节点没有父节点，或者父节点类型不是元素节点，则返回null由于父节点只可能是三种类型：元素节点、文档节点（document）和文档片段节点（documentfragment）。parentElement属性相当于把后两种父节点都排除了。

随时随地看视频慕课网APP