Javacript中parentElement和parentNode的简单用法[0303]

一、开解：

本文主要讲的是parentElement和parentNode用法，先说说他们的区别吧，如果不在意的话，他们没区别，作用是一样的，非要去区别的话，那就是parentNode这样可以多浏览器兼容，parentElement可能只有IE能用。它们的作用就是返回当前节点的父节点。

var epd = ed.parentNode;

注解:这句话的结果就是epd是ed的爸爸。

二、实例：

<body>

</div>

</body>

var edh2 = document.querySelector('.dh2');

//这里获取了盒子2的元素

var epdh = edh2.parentNode;

//这里获取了盒子2的父元素，就是class为dh的盒子

epdh.innerHTML = '我是盒子0';

//运行之后，盒子1盒子2都没了，只留下盒子0

</script>

注解：parentNode的位置替换成parentElement效果是一样的。

实例运行结果如下图：

三、总结：

parentElement和parentNode就是取得父节点元素的方法。

四、关注：

更多内容请关注我们的公众号：

Javacript中parentElement和parentNode的简单用法[0303]相关推荐

Python中return返回值的简单用法
经常会遇到有人问"为什么方法的最后一行,有的要return一个结果,但是有的却没有return,学习的时候很少看到有书上讲解这个return的用法,因此一直搞不清这个return是干什么用的 ...
Javascript中parentElement和parentNode的区别
parentNode和parentElement的区别第一点:parentNode跟parentElement,前者是w3c标准,后者只ie支持. parentElement是ie专用的,就是说在f ...
【c#】关于c#中data控件的简单用法介绍
有的时候在form窗口中加入data控件来表示数据的时候会把其表现的更为生动.在这里整理了一下最基础的data控件使用方法.首先还是上图说明. 这个图表的x轴,y轴是事先写好的数组,加进去就可以了.注 ...
python中logging模块的一些简单用法
用Python写代码的时候,在想看的地方写个print xx 就能在控制台上显示打印信息,这样子就能知道它是什么了,但是当我需要看大量的地方或者在一个文件中查看的时候,这时候print就不大方便了,所 ...
关于手机号码、邮箱的在JavaScript中的正则表达式和其简单用法
首先介绍如何使用javascript正则来匹配中国电信段手机号码: 1.电信段分别有:133,153,180,181,189,177 总共六个号段 2.第一位为数字1 3.第二位分别是3,5,7,8 ...
parentElement 与 parentNode 的区别
首先,您需要知道元素和节点之间的区别.总之,元素是一种特殊类型的节点,它表示 DOM 树中的单个节点.它不仅可以是元素,还可以是注释.文档.文本节点等. 在大多数情况下,parentElement 和 ...
java中instr函数_Oracle的substr和instr函数简单用法
Oracle的substr函数简单用法 substr(字符串,截取开始位置,截取长度) //返回截取的字 substr('Hello World',0,1) //返回结果为 'H' *从字符串第一个 ...
html.renderaction 控制器,Html.RenderAction简单用法
CATransition(os开发之画面切换) 的简单用法 CATransition 的简单用法 //引进CATransition 时要添加包"QuartzCore.framework&qu ...
C/C++中substr函数的应用(简单讲解)
该文章转载于:https://www.cnblogs.com/ECJTUACM-873284962/p/6763801.html substr(字符串,截取开始位置,截取长度) //返回截取的字 su ...

Javacript中parentElement和parentNode的简单用法[0303]

Javacript中parentElement和parentNode的简单用法[0303]

Javacript中parentElement和parentNode的简单用法[0303]相关推荐

最新文章

热门文章