parentElement和parentNode的简单用法

658 阅读1分钟

一、开解:

本文主要讲的是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…
版权声明:本文为博主原创文章,转载请附上博文链接!