快捷導(dǎo)航

javascript中節(jié)點(diǎn)的最近的相關(guān)節(jié)點(diǎn)訪問(wèn)方法

更新時(shí)間：2013年03月20日 14:59:44 作者：

parentNode——父節(jié)點(diǎn);firstChild——第一個(gè)子節(jié)點(diǎn);lastChild——最后一個(gè)子節(jié)點(diǎn);previousSibling——緊挨著的前面的兄弟節(jié)點(diǎn);這樣就可以作短途旅行，訪問(wèn)當(dāng)前節(jié)點(diǎn)的某些相關(guān)節(jié)點(diǎn)，感興趣的你可以參考下哈

在javascript中對(duì)文檔中每個(gè)節(jié)點(diǎn)都有

parentNode——父節(jié)點(diǎn)

firstChild——第一個(gè)子節(jié)點(diǎn)

lastChild——最后一個(gè)子節(jié)點(diǎn)

previousSibling——緊挨著的前面的兄弟節(jié)點(diǎn)

nextSibling——緊挨著的后面的兄弟節(jié)點(diǎn)

五個(gè)相關(guān)的節(jié)點(diǎn)，這些節(jié)點(diǎn)可以不存在，為null。例如document就不包含父節(jié)點(diǎn)，文本節(jié)點(diǎn)（TextNode）就不包含子節(jié)點(diǎn)。

這樣就可以作短途旅行，訪問(wèn)當(dāng)前節(jié)點(diǎn)的某些相關(guān)節(jié)點(diǎn)。

另外還有childNode[](包含所有的子節(jié)點(diǎn))和children[](僅包含類型為元素節(jié)點(diǎn)的子節(jié)點(diǎn)，不包含文本節(jié)點(diǎn)textNode)。

您可能感興趣的文章:

相關(guān)文章

json數(shù)據(jù)與字符串的相互轉(zhuǎn)化示例
json與字符串之間的轉(zhuǎn)換，在使用中經(jīng)常會(huì)遇到，本文有個(gè)不錯(cuò)的示例，大家可以參考下，或許會(huì)有所幫助
2013-09-09
JS實(shí)現(xiàn)利用兩個(gè)隊(duì)列表示一個(gè)棧的方法
這篇文章主要介紹了JS實(shí)現(xiàn)利用兩個(gè)隊(duì)列表示一個(gè)棧的方法,簡(jiǎn)單分析了使用兩個(gè)隊(duì)列表示一個(gè)棧的原理,并結(jié)合具體實(shí)例分析了javascript相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
js中利用tagname和id獲取元素的方法
這篇文章主要介紹了js中利用tagname和id獲取元素的方法，主要包括三種方法,需要的朋友可以參考下
2016-01-01
js實(shí)現(xiàn)點(diǎn)擊按鈕后給Div圖層設(shè)置隨機(jī)背景顏色的方法
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)擊按鈕后給Div圖層設(shè)置隨機(jī)背景顏色的方法,實(shí)例分析了javascript操作頁(yè)面div元素屬性及隨機(jī)數(shù)的相關(guān)技巧,需要的朋友可以參考下
2015-05-05
canvas簡(jiǎn)單快速的實(shí)現(xiàn)知乎登錄頁(yè)背景效果
本篇文章主要介紹了canvas簡(jiǎn)單快速實(shí)現(xiàn)知乎登錄頁(yè)背景效果的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-05-05
淺聊一下為什么能用RxJS取代Redux
本文我們將和大家淺聊一下為什么能用RxJS取代Redux,RxJS 在現(xiàn)在的前端用比較少,但是 RxJS 作為響應(yīng)式和函數(shù)式編程的集大成者,似乎被前端開(kāi)發(fā)者遺忘,可能是學(xué)習(xí)難度大,可能是有更加方便的解決方案,需要的朋友可以參考下
2024-02-02
js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量實(shí)例代碼
這篇文章通過(guò)實(shí)例代碼給大家講解了通過(guò)js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量，代碼很簡(jiǎn)單，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧
2018-05-05
JavaScript如何處理移動(dòng)端拍攝圖片旋轉(zhuǎn)問(wèn)題
這篇文章主要告訴大家JavaScript如何處理移動(dòng)端拍攝圖片旋轉(zhuǎn)問(wèn)題，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
uniapp中使用vuex并持久化的方法示例
vuex是基于vuex.js的狀態(tài)管理工具,可以把它理解為一個(gè)倉(cāng)庫(kù),下面這篇文章主要給大家介紹了關(guān)于uniapp中如何使用vuex并持久化的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
layer.open 子頁(yè)面彈出層向父頁(yè)面?zhèn)鬏敂?shù)據(jù)的例子
今天小編就為大家分享一篇layer.open 子頁(yè)面彈出層向父頁(yè)面?zhèn)鬏敂?shù)據(jù)的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09