js nextSibling属性和previousSibling属性

最新推荐文章于 2021-08-02 13:55:53 发布

yqm1234277

最新推荐文章于 2021-08-02 13:55:53 发布

阅读量490

点赞数

本文链接：https://blog.csdn.net/yqm1234277/article/details/27177053

版权

具体请点击：http://www.verydemo.com/demo_c98_i9523.html

原文：http://blog.csdn.net/biologypianoprogram/archive/2009/04/30/4139903.aspx

该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。

需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：

先来看一个例子：

<body>   
<div>   
    <input id="a4" type="button" οnclick="alert(this.nextSibling);" value="d" />   
    <input id="a5" type="button" οnclick="alert(this.nextSibling);" value="e" />   
</div>   
</bod

该对象的结构表面上看，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一致

该属性与nextSibling属性的作用正好相反。例如：someTagObject.nextSi…………………………………………………………………………