javascript 中的nextSibling和previousSibling使用注意事项

最新推荐文章于 2021-08-02 13:55:53 发布
转载 最新推荐文章于 2021-08-02 13:55:53 发布 · 63 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/fifteen718/p/9533903.html
文章标签：

#javascript #ViewUI


firstChild,lastChild,nextSibling,previousSibling都会将空格或者换行当做节点处理，但是有代替属性


所以为了准确地找到相应的元素，会用


firstElementChild,


lastElementChild,


nextElementSibling,


previousElementSibling


兼容的写法，这是JavaScript自带的属性。


但坏消息是IE6,7,8不兼容这些属性。IE9以上和火狐谷歌支持。


详情：点击打开链接

转载于:https://www.cnblogs.com/fifteen718/p/9533903.html

23、JavaScript 中的文档与元素对象详解
5f4d3s2a1q的博客
07-14 28
本文详细介绍了 JavaScript 中的文档对象和元素对象，包括它们的属性、方法以及实际应用。通过示例讲解了如何使用文档对象获取页面信息、操作DOM元素，以及如何利用元素对象实现动态交互效果。此外，还涉及了Cookie管理、浏览器兼容性问题及常见开发注意事项，帮助开发者构建更加高效和稳定的网页应用。
JavaScript 学习之旅：第三十二课：精通 DOM - DOM 文档导航
最新发布
caifox的博客
01-06 1260
DOM（Document Object Model，文档对象模型）就是为了解决这个问题而诞生的。DOM 是浏览器提供的一种编程接口，它将 HTML 或 XML 文档表示为树形结构，其中每个节点代表文档中的一个元素、属性或文本。通过 DOM，你可以使用 JavaScript 来访问、修改、添加或删除网页中的元素。你可以使用firstChild和。
javascript中的nextSibling使用陷(da)阱(keng)
10-25
关于HTML/XML节点的问题，在IE中nextSibling不会返回文本节点，而chrome或者firefox等会返回文本节点
jQuery方法原生js实现 --- siblings兄弟节点
wujimiao的专栏
09-27 4138
今天工作失误，导致移动端浏览器无法工作，初步估计是es6未经过编译便进入项目。经验欠缺，吃一堑长一智吧。 工作中用到兄弟节点的地方不算太多，或许选项卡，轮播图会用到。为了对jQuery进一步深入，特意研究一下siblings()方法。 1 2 3 4 5 11 siblings = (o)=>{ let arr
js nextSibling属性和previousSibling属性
Sux
04-30 2万+
js nextSibling属性和previousSibling属性            1：nextSibling属性        该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。       需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：      先来看
JavaScript中的previousSibling和nextSibling使用注意事项
热门推荐
04-30 3万+
JavaScript中的previousSibling和nextSibling使用注意事项 JavaScript中的previousSibling和nextSibling是获取上一个、下一个同胞元素，如果上一个或下一个同级节不存在，则此属性返回值是null。如果不注意,就会引起错误。 HTML结构中的各种空格、换行符都可...
整理JavaScript对DOM中各种类型的元素的常用操作
10-22
当一个节点被追加到子节点列表中时，它将成为父节点的最后一个子节点，而且它的`previousSibling`（前一个兄弟节点）和`nextSibling`（后一个兄弟节点）的指针也会相应地得到更新。 #### insertBefore() `...
深入理解JavaScript中的DomElement用法
JavaScript提供了多种遍历DOM树的方法，例如`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等属性来访问节点树。此外，还有`parentElement`、`children`等属性和方法。 ### DOM结构的高级操作 1. **...
JavaScript实现跨浏览器的XML加载方法
- 使用`firstChild`, `lastChild`, `nextSibling`, `previousSibling`等属性遍历节点。 ### 注意事项 - 跨域问题：加载外部XML文件时可能会遇到同源策略限制，需要服务器配置适当的CORS（Cross-Origin Resource ...
js nextSibling属性和previousSibling属性概述及使用注意
10-27
nextSibling属性:该属性表示当前节点的下一个节点；如果其后没有与其同级的节点，则返回null;previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下，感兴趣的你不妨了解下哦，或许对你有所帮助
javascript nextSibling属性
苦艾文艺
06-07 1290
对于nextSibling属性，在W3school中的定义为： nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。注意所返回的节点必须是与上一个节点是同级关系，且彼此之间不能有空格，否则将会返回：undefined<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl
【JavaScript】nextSibling属性和p…
凝结的技术博客
08-19 747
原文地址：nextSibling属性和previousSibling属性">js nextSibling属性和previousSibling属性作者：liuqingyan 1：nextSibling属性         该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。        需要特别注意的是：该属性在不同的浏览器中的执行
js的nextSibling属性
q285661571的专栏
04-25 574
返回当前节点的下一个同级节点
javascript性能提升——采用nextSibling方法来查找DOM节点
03-03 1449
通常我们需要从某个DOM元素开始，操作周围的元素，或者递归查找所有子节点。我们可以使用childNodes得到元素集合，或者用nextSibling来获取每个相邻元素。 考虑以下两个等价的例子，都是以非递归的方式遍历元素子节点： function testNextSibling () { var el = document.getElementByID('mydiv'),
JS中的DOM查询（2）,(parentNode、previousSibling、nextSibling)
Fantasc的博客
08-02 1363
获取父节点和兄弟节点· 通过具体的节点，调用以下三个属性来对父节点和兄弟节点进行操作。 parentNode属性，获取当前节点的父节点。 previousSibling属性，获取当前节点的前一个兄弟节点。 在用previousSibling属性去元素节点的前一个兄弟节点时，如果前一个节点是空白文本，会将空白文本节点返回，而不是放回兄弟节点。可以用previousElementSibling属性来代替，用previousElementSibling属性不会将空白文本当做兄弟节点返回。但是后者不支持ie8一
javascript兼容性问题一_____nextSibling问题
ForestCat的专栏
03-10 1145
先看代码： var item1=document.getElementById("item1"); alert( "item1的下一个子节点的节点类型为："+item1.nextSibling.nodeType); alert( "ul元素下总共有多少子节点"+ document.getElementsByTagName("ul")[0
previousElementSibling的使用
zheng19921992的博客
03-13 2879
在项目中有一个非空验证，可以利用previousElementSibling；previousElementSibling指的是上一个兄弟元素节点；
JS--JavaScript访问节点（childNodes、parentNode、firstChild、lastChild、nextSibling、previousSibling）
吴声子夜歌的博客
09-25 3183
访问节点 通过节点之间的树形关系，可以定位文档中的每个节点。DOM为Node类型定义如下属性，以方便JavaScript对文档树中每个节点进行遍历。 ownerDocument：返回当前节点的根元素（document对象） parentNode：返回当前节点的父节点。所有的节点都仅有一个父节点 childNodes：返回当前节点的所有子节点的节点列表 firstChild：返回当前节点的首个子节...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值