js nextSibling属性和previousSibling属性概述及使用注意

编辑：rootadmin

1：nextSibling属性该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：先来看一个例子：该对象的结构表面上看，div的nextSibling只有2项——两个input节点。但实际上有5项——/n,input,/n,input,/n。这是因为input作为创建各种表单输入控件的标签，无论是生成button、checkbox、radio...等或其他表单控件，IE都会自动在后面创建一个1字节位的空白。 IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样——FF会把诸如空格换行之类的排版元素视作节点读取，因此，在ie中用nextSibling便可读取到的下一个节点元素，在FF中就需要这样写：nextSibling.nextSibling了。 opera和safari对nextSibling的处理方式与FF一致 2：previousSibling属性该属性与nextSibling属性的作用正好相反。例如：someTagObject.nextSibling.previousSibling其实返回的是该标签元素本身，但前提必须是：该标签元素的后面必须有一个同级的元素，否则就返回null了。 3：通过nextSibling或者 previousSibling所获得的HTML标签元素对象的属性问题一般先通过nextSibling.nodeName来获知其标签名，或者通过nextSibling.nodeType来获知其标签类型，然后，如果该nextSibling.nodeName = #text，则通过nextSibling.nodeValue来获知其文本值；否则，可以通过nextSibling.innerHTML等其他常用标签元素属性来获取其属性。

推荐整理分享js nextSibling属性和previousSibling属性概述及使用注意，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

js取得url地址参数实例 scriptlanguage="javascript"/***获取url地址中的参数*link：www.gimoo.net*/varurl="www.gimoo.net/af.php?id=&a=";alert(url);if(url.indexOf("?")!=-1){varp=url.indexOf("?");//返回所在位

分钟就入门的正则表达式基础教程本文目标分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。如何使用本教程最重要的是——请

JavaScript对象创建及继承原理实例解剖对象创建：当一个函数对象被创建时候，Function构造器产生的函数对象会运行类似这样的代码：this.prototype={constructor:this};假设函数FF用new方式构造对象时

标签: js nextSibling属性和previousSibling属性概述及使用注意

本文链接地址:https://www.jiuchutong.com/biancheng/377627.html 转载请保留说明！

上一篇：js中top/parent/frame概述及案例应用

下一篇：js取得url地址参数实例(用js获取地址栏url参数的方法)