一、开解:
本文主要讲的是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效果是一样的。
---------------------
作者:my128
来源:CSDN
原文:blog.csdn.net/MY128/artic…
版权声明:本文为博主原创文章,转载请附上博文链接!