parentNode,parentElement,childNodes,children区别

最新推荐文章于 2022-07-28 18:46:23 发布
最新推荐文章于 2022-07-28 18:46:23 发布
阅读量579 收藏
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiasohuai/article/details/82870206
版权

 childNodes

childNodes指的是返回当前元素子节点的所有类型节点，其中连空格和换行符都会默认文本节点

childNodes只会返回文本和元素的节点，并不能返回属性节点！！！ 

 

children

children指的是返回当前元素的所有元素节点

children很直观的反应了返回元素节点的属性

 

parentNode

parentNode：父节点 

 

parentElement

parentElement:父元素 

 

姜无忧
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
weixin_44206561的博客
08-26 2824
今天是准备面试的第七天，js是由ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM）组成，我们今天就了解下与DOM有关的常用接口parentNode,parentElement,childNodes,children。 parentNode，parentElement，childNodes和children都是对节点的操作，因此我们需要对dom树有一定的了解，在文档对象模型中，每一部分都是由节点组成（包括document都是一个节点），节点的类型一共有三种：元素节点，属性节点，文本节点，
ParentNode接口，ChildNode接口
weixin_30955341的博客
01-10 182
原文地址：https://wangdoc.com/javascript/ 节点对象除了继承Node接口以外，还会继承其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。 ParentNode接口 如果当前节点是父节点，就会继承ParentNode接口。由于只有元素节点（element）、文档节点（d...
javascript 中 parentNode，childNodes、children 应用
fox123871的专栏
07-12 3123
"parentNode"常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点     例: My text 在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的文字部分. 如果你打算用getElemen
parentNode,parentElement,childNodes,children最经典讲解
热门推荐
qq_36010298的博客
11-26 2万+
首先了解parentNode,parentElement,childNodes,children四大属性之前，必须对Dom树有一定的了解，在Dom文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑， 下来详细介绍，childNodes，childern， childNodes指的是返
parentNode,parentElement,childNodes,children的区别
我的技术博客
10-11 3205
从字面上我们可以知道一个是parent的节点,一个是parent的元素,实际上在很多时候它们的返回的内容是相同的,比如有这么一段代码: 节点 item1 item i item ii item iii item2 item3    var item1 = document.ge
Js中parentNode,parentElement,childNodes,children之间的区别
10-26
本文将详细解析`parentNode`、`parentElement`、`childNodes`和`children`之间的区别。 首先，`parentNode`和`parentElement`都是用于获取一个元素的父级节点。它们的主要区别在于兼容性。`parentNode`是W3C标准的...
childNodes 用法两例
09-06
在函数内部，`obj.parentNode.parentNode.childNodes[1]` 被用来获取当前行的第二个单元格（索引为1，因为索引从0开始）。这个单元格的内容被替换为一个输入框，允许用户编辑。当有其他单元格正在编辑时，其内容会...
浅谈js的html元素的父节点,子节点
01-19
parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 示例： “parentNode” 常用来...
整理的比较全的event对像在ie与firefox浏览器中的区别
09-04
Firefox则使用`parentNode`，`parentNode.childNodes`，以及`node.parentNode.removeChild(node)`来实现相同的功能。 理解这些差异是编写跨浏览器JavaScript代码的基础，开发者需要根据实际情况选择适当的解决方案...
parentNode和parentElement的区别
m0_64288219的博客
06-21 414
1 用法 3 唯一区别 在获取根部document节点是，parentElement找的是元素，因此报错null,而parentNode获取的是节点，返回的是#document childNodes：获取子节点——返回所有节点的数组,只返回文本和元素节点，对于属性节点直接无视 children：子元素——只返回元素节点childNodes打印结果 children打印结果 版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。 转载请注明
DOM(Document Object Model)
m0_64986878的博客
07-28 143
DOM常见操作、如何获取元素、什么是事件，事件绑定方式，事件对象，元素盒子模型
vue 通过指令为按钮分配权限
q1ngqingsky的博客
04-29 1569
自定义指令
parentNode、parentElement，childNodes、children 区别
MIR_zhang的博客
04-26 2293
parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。 parentNode和parentElement功能一样，childNodes和children功能一样。但是p...
parentNode，children，nextSibling，previousSibling常用属性对比
图图小淘气的博客
06-17 1519
nextSibling： 返回元素节点之后的兄弟节点（包括文本节点、注释节点即回车、换行、空格、文本等等）； 注意: 空格、回车也会看作文本，以文本节点对待。 nextElementSibling： 属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）； previousSibling： 获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） previousElementSibling： 获取上一个兄弟元素节点；（只包含元素节点）； childNodes： 返回当..
html parent 属性,parentNode属性怎么用？
weixin_39998273的博客
06-10 1939
parentNode是javascript DOM对象中的一个属性，用于返回某节点的父节点。下面本篇文章就来给大家简单介绍一下parentNode属性，希望对大家有所帮助。parentNode属性可指定元素对象后获取该元素的父节点对象，如果指定的节点没有父节点则返回null 。语法node.parentNode返回值：作为一个节点对象返回父节点。说明：所有主要浏览器都支持 parentNode 属...
vue中使用自定义指令实现按钮权限展示问题
蜗牛~~
04-28 1672
一、在src下新建directive文件夹 二、定义index.js文件，在vue上注入自定义指令 import hasBtn from './permission/hasBtn' const install = function (Vue) { Vue.directive('hasBtn', hasBtn) } if (window.Vue) { window['hasBtn'] = hasBtn Vue.use(install); // eslint-d
vue自定义指令， 获取不到el parentNode
看到我在玩请叫我去敲代码的博客
07-15 4481
https://cn.vuejs.org/v2/guide...、 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中) 试试把 bind 改为 inserted
JS中parentNode和parentElement的区别
bats的博客
07-09 773
参考文章 以一个网页作为例子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="bb"> <div class="box1"></div>
parentnode和parentelement
最新发布
03-16
parentnode和parentelement都是DOM API中的属性，用于获取当前节点的父节点。 其中，parentnode是所有节点对象都有的属性，它返回当前节点的父节点，如果当前节点没有父节点，则返回null。 而parentelement是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值