parentNode、parentElement，childNodes、children 区别

最新推荐文章于 2024-10-07 17:06:40 发布
最新推荐文章于 2024-10-07 17:06:40 发布
阅读量1.1k 收藏 1
点赞数
文章标签： firefox html 文档 ie c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang_xw/article/details/4184476
版权

 
parentElement         获取对象层次中的父对象。
parentNode               获取文档层次中的父对象。

children                      获取作为对象直接后代的 DHTML 对象的集合。
childNodes                 获取作为对象直接后代的 HTML 元素和 TextNode 对象的集合。

parentNode和childNodes是符合W3C标准的。
parentElement和children只是IE支持，不是标准，Firefox就不支持


如何使用 parentNode 来获取一个或多个 HTML 元素.
我的成长之路
12-28 2045
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点                ... 看个例子, 你就会明白我说的意思了 ...     <div id="parent">                  <b id="child">My text</b></div&a
Js中parentNode,parentElement,childNodes,children之间的区别
10-26
本文将详细解析`parentNode`、`parentElement`、`childNodes`和`children`之间的区别。 首先，`parentNode`和`parentElement`都是用于获取一个元素的父级节点。它们的主要区别在于兼容性。`parentNode`是W3C标准的...
Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
weixin_30536513的博客
10-03 180
原文：http://www.it130.cn/Article/FAQ/Web-kaifa/JavaScript/2007-3-20/2007032017013900.html 所属分类：Web 开发 JavaScript ---------------------------------------------------------------------- parentNode、pa...
day31-33关于parentNode,parentElement,childNodes,children
RealRecall的博客
12-14 140
找节点和找元素是不同的。 childNodes和children区别在于，childNodes可能会找到文本节点，而children只会找到元素节点。 parentNode和parentElement区别在于，存在document的节点，而不存在document元素。
javascript学习——ParentNode 接口，ChildNode 接口
最新发布
白话机器学习
10-07 1090
节点对象除了继承 Node 接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
weixin_44206561的博客
08-26 3139
今天是准备面试的第七天，js是由ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM）组成，我们今天就了解下与DOM有关的常用接口parentNode,parentElement,childNodes,children。 parentNode，parentElement，childNodes和children都是对节点的操作，因此我们需要对dom树有一定的了解，在文档对象模型中，每一部分都是由节点组成（包括document都是一个节点），节点的类型一共有三种：元素节点，属性节点，文本节点，
DOM——ParentNode 接口，ChildNode 接口
W Y L
03-27 340
节点对象除了继承 Node 接口以外，还会继承其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。 1、ParentNode 接口 如果当前节点是父节点，就会继承ParentNode接口。由于只有元素节点（element）、文档节点（document）和文档片段节点（documentFragment...
javascript中parentNode,childNodes,children的应用详解
10-26
JavaScript中的parentNode, childNodes, children是DOM操作中非常基础且重要的属性，它们能够帮助开发者获取元素之间的层级关系和结构。在本篇文章中，我们将详细探讨这些属性的用途、区别和最佳实践。 首先，让...
childNodes 用法两例
09-06
在函数内部，`obj.parentNode.parentNode.childNodes[1]` 被用来获取当前行的第二个单元格（索引为1，因为索引从0开始）。这个单元格的内容被替换为一个输入框，允许用户编辑。当有其他单元格正在编辑时，其内容会...
js中parentNode,parentElement,childNodes,children
weixin_34301132的博客
08-22 1846
首先了解parentNode,parentElement,childNodes,children四大属性之前，必须对Dom树有一定的了解，在Dom文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑， 下来详细介绍，childNodes，childern， childNodes指的是返回当前元素...
javascript学习之ParentNode 接口，ChildNode 接口
白话机器学习
08-04 622
节点对象除了继承 Node 接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。
【html】parentNode的应用
sylbiubiubiu的博客
09-01 292
parentNode
【JavaScript 教程】DOM——ParentNode 接口，ChildNode 接口
油墨香^-^的博客
06-10 881
作者 | 阮一峰 节点对象除了继承 Node 接口以外，还会继承其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。 1、ParentNode 接口 如果当前节点是父节点，就会继承ParentNode接口。由于只有元素节点（element）、文档节点（document）和文档片段节点（documentFragment）拥有子节点，因此只有这三类节点会继承ParentNode接口。 1.1、Pa
html parent 属性,parentNode属性怎么用？
weixin_39998273的博客
06-10 2027
parentNode是javascript DOM对象中的一个属性，用于返回某节点的父节点。下面本篇文章就来给大家简单介绍一下parentNode属性，希望对大家有所帮助。parentNode属性可指定元素对象后获取该元素的父节点对象，如果指定的节点没有父节点则返回null 。语法node.parentNode返回值：作为一个节点对象返回父节点。说明：所有主要浏览器都支持 parentNode 属...
节点/`childNodes`子节点/`previousSibling`兄弟节点`nextSibling`/父亲节点
不懂帕斯的博客
04-23 210
01-节点查找-网页一切皆节点 <!-- 这是注释 --> <div class="box">我是前端小白</div> <script> // 网页一切皆节点：document也是节点，是顶级节点 // 节点有三要素：nodeType nodeName nodeValue console.log(document.nodeType) console.log(docum
parentNode和parentElement的区别
05-05 1347
在DOM文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑。两者在通常情况下都是一样的，因为包含元素的节点只有可能是元素节点，这里可能会有一个误区，有些人可能会想文本节点是否可以包含元素节点，来作为父节点，这里是不行的，文本节点只是文本本身，自身算一个节点，文本节点的父节点直接是元素节点。那下面我们就说一下，parentNode,parentElement,的特例。
children和childNodes的区别
qq_45830543的博客
09-12 1358
在我写东西的过程中用到了childNodes,当我用这个childNodes来获取我想要的ul下的li集合时，总是会报错；于是我试着把它打印出来看看它里面装的是什么，原本是应该得到的是ul下的四个li，但是当我打印的时候，发现它得到了一个长度为9的数组; 于是我发现用childrenNodes来获取时它会把父节点下的空格也当做一个文本键获取到。 如图： 于是我尝试使用children来获取到我想要的li集合；它成功获取到ul下的li集合。 我们此时可以发现children它返回的只是HTML元素节
parentNode 与 parentElement
kfepiza的博客
04-27 876
html元素的 parentNode   是 document。html元素的 parentElement 是 null。
parentNode,parentElement,childNodes,children最经典讲解
热门推荐
qq_36010298的博客
11-26 2万+
首先了解parentNode,parentElement,childNodes,children四大属性之前，必须对Dom树有一定的了解，在Dom文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑， 下来详细介绍，childNodes，childern， childNodes指的是返
DOMException: Failed to execute 'removechild' on "Node': The node to be removed is not a child of this node报错怎么解决
09-07
DOMException: "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node" 这个错误通常发生在JavaScript中尝试从某个父节点删除一个不是其直接子节点的元素时。解决这个问题需要按照以下步骤： 1. **检查引用**：确保你在操作的`Node`对象确实是你想要移除的那个，并且它确实是这个父节点的一个直接子节点。使用`childNodes`或`children`属性获取列表，然后遍历它们。 ```javascript let parentElement = document.getElementById('parent'); if (parentElement && childToRemove) { let children = parentElement.childNodes; for (let i = 0; i < children.length; i++) { if (children[i] === childToRemove) { parentElement.removeChild(childToRemove); break; } } } ``` 2. **避免异常抛出**：如果不确定元素是否在指定位置，可以先检查一下再执行删除操作。例如，可以使用 `parentNode.contains()` 方法来确认。 ```javascript if (parentElement.contains(childToRemove)) { parentElement.removeChild(childToRemove); } ``` 3. **处理空值**：确保传入的节点和父节点都不是`null` 或 `undefined`。 4. **异常处理**：添加适当的错误处理机制，比如使用`try...catch`来捕获并处理可能出现的错误。 ```javascript try { parentElement.removeChild(childToRemove); } catch (e) { console.error(e.message); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值