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 取

 

 

 

 

 

 

 

 

你可能感兴趣的:(ext)