兄弟節(jié)點(diǎn)之間可以通過 previousSibling 和 nextSibling 屬性訪問同一級(jí)別上的不同子節(jié)點(diǎn)。這個(gè)兄弟節(jié)點(diǎn)是元素還是文本節(jié)點(diǎn)在現(xiàn)代瀏覽器上運(yùn)行是怎么樣的呢？

除IE外的瀏覽器是將換行符作為內(nèi)容的文本節(jié)點(diǎn)(nodeType為3)。而元素的話，nodeType為1。下面是查找它們的實(shí)用方法：

復(fù)制代碼代碼如下:

 
lastSibling:function(node){ 
var tempObj = node.parentNode.lastChild; 
while(tempObj.nodeType!=1 && tempObj.previousSibling!=null) 
{ 
tempObj=tempObj.previousSibling; 
} 
return (tempObj.nodeType==1)?tempObj:false; 
} 

這是《深入淺出JavaScript》書中DOMhelp庫中l(wèi)astSibling方法的源碼。與 mootools 庫中實(shí)現(xiàn)源碼差不多：

復(fù)制代碼代碼如下:

 
'last-child': function(){ 
var element = this; 
while ((element = element.nextSibling)){ 
if (element.nodeType == 1) return false; 
} 
return true; 
} 

這是在 Mootools 1.2.4 源碼中的 last-child() 方法。

您可能感興趣的文章:

相關(guān)文章

微信小程序?qū)崿F(xiàn)消息框彈出動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)消息框彈出動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-06-06
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之基本排序算法定義與效率比較【冒泡、選擇、插入排序】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之基本排序算法定義與效率比較,結(jié)合實(shí)例形式詳細(xì)總結(jié)分析了javascript排序算法中的冒泡、選擇、插入等排序算法原理與操作技巧,需要的朋友可以參考下
2019-02-02
JavaScript手寫源碼之omit函數(shù)的實(shí)現(xiàn)
最近突然有個(gè)新的想法，想去看看前端的小庫來提升自己的編碼能力。但是又不知道怎么去證明自己是否真的看懂了，那就實(shí)現(xiàn)一個(gè)omit函數(shù)吧
2023-02-02
JS偽繼承prototype實(shí)現(xiàn)方法示例
這篇文章主要介紹了JS偽繼承prototype實(shí)現(xiàn)方法,結(jié)合實(shí)例形式對(duì)比分析了基于prototype實(shí)現(xiàn)模擬繼承的相關(guān)操作技巧,需要的朋友可以參考下
2018-06-06
微信小程序?qū)崿F(xiàn)側(cè)邊欄二級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)側(cè)邊欄二級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
js模擬淘寶網(wǎng)的多級(jí)選擇菜單實(shí)現(xiàn)方法
這篇文章主要介紹了js模擬淘寶網(wǎng)的多級(jí)選擇菜單實(shí)現(xiàn)方法,涉及javascript針對(duì)頁面元素結(jié)點(diǎn)的遍歷與設(shè)置等操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
微博@符號(hào)的用戶名提示效果。(想@到誰？)
相信你老早就在騰訊或者新浪的微博上體驗(yàn)到了，@符號(hào)在微博時(shí)代的便捷呼叫。
2010-11-11
JavaScript數(shù)據(jù)類型學(xué)習(xí)筆記分享
這篇文章主要為大家分享了JavaScript數(shù)據(jù)類型學(xué)習(xí)筆記，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
javascript獲取元素離文檔各邊距離的方法
這篇文章主要介紹了javascript獲取元素離文檔各邊距離的方法,以一個(gè)自定義函數(shù)形式分析了javascript針對(duì)文檔各邊距離的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
createObjectURL方法實(shí)現(xiàn)本地圖片預(yù)覽
這篇文章主要為大家詳細(xì)介紹了createObjectURL方法實(shí)現(xiàn)本地圖片預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09