parentNode、parentElement，childNodes、children 它们有什么

最新推荐文章于 2022-05-25 21:23:15 发布
最新推荐文章于 2022-05-25 21:23:15 发布
阅读量193 收藏
点赞数
分类专栏： css 文章标签： IE Firefox HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/book_xnlzh035/article/details/83285285
版权
parentNode、parentElement，childNodes、children 它们有什么区别呢？

parentElement 获取对象层次中的父对象。
parentNode 获取文档层次中的父对象。
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的 DHTML 对象的集合。

parentNode和parentElement的功能一样，childNodes和children的功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持
book_xnlzh035
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Js中parentNode,parentElement,childNodes,children之间的区别
10-26
本文将详细解析`parentNode`、`parentElement`、`childNodes`和`children`之间的区别。 首先，`parentNode`和`parentElement`都是用于获取一个元素的父级节点。它们的主要区别在于兼容性。`parentNode`是W3C标准的...
javascript中parentNode,childNodes,children的应用详解
12-04
在实际开发中，由于浏览器兼容性问题，`parentElement`和`children`是IE特有的属性，而在W3C标准中推荐使用`parentNode`和`childNodes`。不过，对于现代浏览器，这两个非标准属性通常也能正常工作，但在编写跨浏览器...
js DOM parentElement parentNode - Kaiqisan
Kaiqisan的博客
08-16 682
js DOM parentElement parentNode ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである,这篇文章不完全算是我的原创文章，有相当一部分是从别的网站借鉴来的，我也没想到表面看上去这样一个简单的问题深究起来会这么复杂。 parentElement: 获取当前元素的父对象的所有信息 <ul class="list"> <li> 标题 <div class="demo2">???????????????????
DOM parentNode和parentElement之间的区别
xfxf996的博客
05-12 1481
有人可以用尽可能简单的方式解释我，经典DOM parentNode和Firefox 9中新引入的内容有什么区别parentElement
parentNode,parentElement,childNodes,children最经典讲解
热门推荐
qq_36010298的博客
11-26 2万+
首先了解parentNode,parentElement,childNodes,children四大属性之前，必须对Dom树有一定的了解，在Dom文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑， 下来详细介绍，childNodes，childern， childNodes指的是返
css最基本的元素是什么,前端基础之CSS（1）
weixin_31785177的博客
08-03 202
1.css3的新特性有哪些(1)CSS3选择器(基本、属性、伪类具体见下)(2)CSS3边框与圆角圆角border-radius属性：border-top-left-radius 左上角 border-top-right-radius右上角 border-bottom-right-radius 右下角 border-bottom-left-radius 左下角(3)CSS3背景与渐变可以设置多个背...
childNodes 用法两例
09-06
在函数内部，`obj.parentNode.parentNode.childNodes[1]` 被用来获取当前行的第二个单元格（索引为1，因为索引从0开始）。这个单元格的内容被替换为一个输入框，允许用户编辑。当有其他单元格正在编辑时，其内容会...
js parentElement和offsetParent之间的区别
12-11
在JavaScript中，`parentElement`和`offsetParent`都是用于处理元素上下级关系的属性，但它们的作用和应用场景有所不同。本文将深入解析这两个属性的区别及其使用。 首先，`parentElement`属性是DOM层次结构的一...
children和childNodes的区别
qq_45830543的博客
09-12 1267
在我写东西的过程中用到了childNodes,当我用这个childNodes来获取我想要的ul下的li集合时，总是会报错；于是我试着把它打印出来看看它里面装的是什么，原本是应该得到的是ul下的四个li，但是当我打印的时候，发现它得到了一个长度为9的数组; 于是我发现用childrenNodes来获取时它会把父节点下的空格也当做一个文本键获取到。 如图： 于是我尝试使用children来获取到我想要的li集合；它成功获取到ul下的li集合。 我们此时可以发现children它返回的只是HTML元素节
parentNode,parentElement,childNodes,children的区别
我的技术博客
10-11 3216
从字面上我们可以知道一个是parent的节点,一个是parent的元素,实际上在很多时候它们的返回的内容是相同的,比如有这么一段代码: 节点 item1 item i item ii item iii item2 item3    var item1 = document.ge
elasticsearch 基础 —— Parent-Child 父子关系（5.X老版本）
gmHappy
08-04 7720
ElasticSearch 中的Parent-Child关系和nested模型是相似的， 两个都可以用于复杂的数据结构中，区别是 nested 类型的文档是把所有的实体聚合到一个文档中而Parent-Child现对于比较独立，每个实体即为一个文档 Parent-Child 优点 1、父文档更新时不用重新为子文档建立索引 2、子文档的增加、修改、删除是对父文档和其他子文档没有任何影响的，这非常适用于...
CSS 元素垂直居中
m0_63969219的博客
05-25 75
未知父元素高度 方法一 .parentElement { position: relative; .childElement { position: absolute; top: 50%; transform: translateY(-50%); } } 方法二 .parentElement { position: relative; .childElement { position: absolute; top: 0; bottom:
IE11 SVG对象不支持 parentElement和children
我的博客
03-28 1139
svgObject.children 这种写法，在IE11内运行时是undefined debug后发现，SVG对象只有childNodes数组对象，并没有children 同样的 svgObject.parentElement 这种写法在IE11中也是undefined 必须写成svgObject.parentNode这种才可以 ...
JS HTML DOM element对象：previousSbling，nextSibing，parentNode：删除前一行，删除当前行，删除后一行
幻
08-12 920
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt;
js递归遍历树形json数据（找到children数据）
axIsMyName的博客
09-02 1万+
假如我们要遍历以这个这样数据 var array = [ { id: 1, children:[{ id:2, children:[] }] }, ...
parentElement 与 parentNode 的区别
lio-zero 的博客
11-27 786
首先，您需要知道元素和节点之间的区别。总之，元素是一种特殊类型的节点，它表示 DOM 树中的单个节点。它不仅可以是元素，还可以是注释、文档、文本节点等。 在大多数情况下，parentElement 和 parentNode 属性返回相同的节点： // 两者都返回 <html> 元素 document.body.parentNode document.body.parentElement...
parentElement和parentNode的区别
software_developer的专栏
02-04 2000
 parentElement和parentNode的区别： 第一点parentElement是ie专用的,就是说在firefox(ff)浏览器里是不能使用的，一般情况parentNode可以取代parentElement的所有功能。 第二点就如名字所说，parentElement匹配的是parent为element的情况，而parentNode匹配的则是parent为node的情况
parentnode和parentelement
最新发布
03-16
parentnode和parentelement都是DOM API中的属性，用于获取当前节点的父节点。 其中，parentnode是所有节点对象都有的属性，它返回当前节点的父节点，如果当前节点没有父节点，则返回null。 而parentelement是Element对象特有的属性，它返回当前元素节点的父元素节点，如果当前节点不是元素节点，则返回null。 总的来说，parentnode和parentelement都是用于获取当前节点的父节点，但parentelement只能用于元素节点，而parentnode适用于所有节点类型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值