日期:2014-05-16  浏览次数:20502 次

JS nextSibling和previousSibling

http://hi.baidu.com/512501372/blog/item/05d344d1e4fb2fd8572c8432.html? 参考


需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同
网上大多说不兼容, 我用的FF7.0.1试了下 和 IE效果一样!估计以前的版本不同吧~

?

?

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

?

?

? 该对象的结构表面上看,div的nextSibling只有2项——两个input节点。但实际上有5项——/n,input,/n,input,/n。这是因为input作为创建各种表单输入控件的标签,无论是生成button、checkbox、radio...等或其他表单控件,IE都会自动在后面创建一个1字节位的空白。

? 取的时候 使用 nextSibling.nextSibling 或 previousSibling.previousSibling 取

?

?

?

?

?

?

?

?