DOM nextSibling 属性
来源:互联网 发布:爱斯曼网络 编辑:程序博客网 时间:2024/06/18 17:57
前段时间做项目时使用dom的nextSibling获取不到自己想要的节点,但是换成jquery的next()可以获取。当时为了项目进度,解决问题后没有去深入研究下。今天得点小空,于是去查询了下资料。
JavaScript中的nextSibling和previousSibling和作用类似于jquery的next()和prev(),都是获取下一个/上一个同胞元素,如果下一个同级节点不存在,则此属性返回值是null。但是具体的使用中还是有差异的,如果不注意。就会引起错误
html结构中的各种空格,换行符都可能会把文本节点当做同胞元素处理。看到资料上讲Firefox 以及大多数其他的浏览器,会把节点间生成的空的空格或者换行当作文本节点,而 Internet Explorer 会忽略节点间生成的空白文本节点,但我测试时发现
全部都会把文本当做节点(火狐、360、谷歌、ie11),不知道是不是ie版本过高的问题。
如果使用dom操作的话,可以使用下面的代码:
function get_nextsibling(n){ var x=n.nextSibling; if(x == null) return null; while (x && x.nodeType!=1) { x=x.nextSibling; } return x;}//check if the previous sibling node is an element nodefunction get_previoussibling(n){ var x=n.previousSibling; if(x == null) return null; while (x && x.nodeType!=1) { x=x.previousSibling; } return x;}
阅读全文
0 0
- XML DOM nextSibling 属性
- DOM nextSibling 属性
- nextSibling属性
- js的nextSibling属性
- 25. Element nextSibling 属性
- previousSibling & nextSibling 属性学习
- javascript nextSibling属性
- js DOM的previousSibling 和 nextSibling
- js DOM的previousSibling 和 nextSibling
- 【DOM学习】nextSibling节点的用法
- nextSibling
- js nextSibling属性和previousSibling属性
- js nextSibling属性和previousSibling属性
- js nextSibling属性和previousSibling属性
- js nextSibling属性和previousSibling属性
- 【JavaScript】nextSibling属性和p…
- firstChild,nextSibling,childNodes等属性的问题
- 事件触发,下个文本框获得焦点(DOM:nextSibling方法)
- 谷歌浏览器不能使用opener属性的问题和解决
- centos7 关闭firewall安装iptables并配置
- Android UI布局
- listview中glide加载网络图片跳跃问题
- 但法官法大公司的
- DOM nextSibling 属性
- Revit进阶 之 屏幕坐标点转换为空间坐标点
- Codeforces Round #420 (Div. 2)
- 湖师大集训记录
- myEclipse中-xml页面中的自动提示
- TFC 2017 腾讯Web前端大会 全场笔记
- 各种OJ刷题记录6.9-6.15
- [LeetCode] 563. Binary Tree Tilt
- codeforce #420