快捷導(dǎo)航

DOM 腳本編程中的兄弟節(jié)點(diǎn)

更新時(shí)間：2009年10月31日 23:18:15 作者：

兄弟節(jié)點(diǎn)之間可以通過(guò) previousSibling 和 nextSibling 屬性訪問(wèn)同一級(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》書(shū)中DOMhelp庫(kù)中l(wèi)astSibling方法的源碼。與 mootools 庫(kù)中實(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)文章

淺析我對(duì)JS延遲異步腳本的思考
這篇文章主要介紹了淺析我對(duì)JS延遲異步腳本的思考,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作示例
這篇文章主要介紹了JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作,結(jié)合實(shí)例形式分析了javascript數(shù)組與對(duì)象元素遍歷相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2019-07-07
Electron實(shí)現(xiàn)多標(biāo)簽頁(yè)模式詳解
Electron 都發(fā)展這么多年了,讓人想不到的是,要實(shí)現(xiàn)一個(gè)多標(biāo)簽頁(yè)的功能居然沒(méi)有能用的輪子,本文就來(lái)用比較low的方案 - iframe手搓一個(gè)吧
2024-11-11
用JavaScript和jQuery實(shí)現(xiàn)瀑布流
本篇文章主要介紹了用JavaScript和jQuery實(shí)現(xiàn)瀑布流的方法，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
微信小程序登錄按鈕遮罩浮層效果的實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于微信小程序登錄按鈕遮罩浮層效果的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-12-12
element ui分頁(yè)多選,翻頁(yè)記憶的實(shí)例
今天小編就為大家分享一篇element ui分頁(yè)多選,翻頁(yè)記憶的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript中分號(hào)的一些細(xì)節(jié)
這篇文章主要給大家介紹了關(guān)于JavaScript中分號(hào)的一些細(xì)節(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-05-05
詳解微信JS-SDK選擇圖片遇到的坑
這篇文章主要介紹了詳解微信JS-SDK選擇圖片遇到的坑，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
jstree的簡(jiǎn)單實(shí)例
最近使用到了jstree，感覺(jué)是一款靈活的、可多項(xiàng)定制的tree插件。下面通過(guò)本文給大家詳細(xì)介紹下jstree的簡(jiǎn)單實(shí)例,需要的朋友可以參考下
2016-12-12
javascript DOM設(shè)置樣式詳細(xì)說(shuō)明和示例代碼
JavaScript也可以用來(lái)修改DOM元素的樣式,我們可以使用style屬性來(lái)訪問(wèn)和修改元素的樣式屬性,這篇文章主要給大家介紹了關(guān)于javascript DOM設(shè)置樣式詳細(xì)說(shuō)明和示例代碼的相關(guān)資料,需要的朋友可以參考下
2024-06-06