Javacript中parentElement和parentNode的简单用法[0303]
一、开解：
本文主要讲的是parentElement和parentNode用法，先说说他们的区别吧，如果不在意的话，他们没区别，作用是一样的，非要去区别的话，那就是parentNode这样可以多浏览器兼容，parentElement可能只有IE能用。它们的作用就是返回当前节点的父节点。
var epd = ed.parentNode;
注解:这句话的结果就是epd是ed的爸爸。
二、实例：
<body>
<div class="dh">
<div class="dh1">我是盒子1</div>
<div class="dh2">我是盒子2</div>
</div>
<!-- 这是一个盒子dh里面有两个盒子dh1,dh2; -->
</body>
<script>
var edh2 = document.querySelector('.dh2');
//这里获取了盒子2的元素
var epdh = edh2.parentNode;
//这里获取了盒子2的父元素，就是class为dh的盒子
epdh.innerHTML = '我是盒子0';
//运行之后，盒子1盒子2都没了，只留下盒子0
</script>
注解：parentNode的位置替换成parentElement效果是一样的。
实例运行结果如下图：
三、总结：
parentElement和parentNode就是取得父节点元素的方法。
四、关注：
更多内容请关注我们的公众号：
扫一扫
1108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
