js的nextSibling屬性用法簡單介紹:
此屬性可以返回當(dāng)前節(jié)點的下一個同級節(jié)點。
如果下一個同級節(jié)點不存在,則此屬性返回值是null。
語法結(jié)構(gòu):
elementNode.nextSibling
代碼實例:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>螞蟻部落</title><script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("box"); var lis=obox.getElementsByTagName("li"); var oshow=document.getElementById("show"); var obt=document.getElementById("bt"); obt.onclick=function(){ oshow.innerHTML=lis[1].nextSibling.nodeType; }}</script> </head> <body> <div id="show"></div><ul id="box"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> <li>螞蟻部落五</li></ul><input type="button" id="bt" value="查看效果"/></body> </html>
以上代碼可以獲取下一個節(jié)點的類型,并將類型寫入div元素中去。
瀏覽器兼容:
此屬性具有一定的瀏覽器兼容性問題,在IE9和IE9以上瀏覽器還有谷歌或者火狐等標(biāo)準(zhǔn)瀏覽器中,空白和換行算作文本節(jié)點,但是在IE9以下瀏覽器中,會忽略空白和換行。
相關(guān)閱讀:
1.nodeType屬性可以參閱js的nodeType屬性用法簡單介紹一章節(jié)。
2.節(jié)點相關(guān)內(nèi)容可以參閱Javascript的DOM元素節(jié)點操作簡單介紹一章節(jié)。
原文地址是:nextSibling一章節(jié)。
新聞熱點
疑難解答