遍歷DOM文件樹

2021-08-28 01:56:21 字數 963 閱讀 7900

一 介紹

遍歷文件樹通過使用parentnode屬性、firstchild屬性、lastchild屬性、previoussibling屬性和nextsibling屬性來實現。

1、parentnode屬性

該屬性返回當前節點的父節點。

[pnode=]obj.parentnode

pnode:該引數用來儲存父節點,如果不存在父節點將返回「null」。

2、firstchild屬性

該屬性返回當前節點的第乙個子節點。

[cnode=]obj.firstchild

cnode:該引數用來儲存第乙個子節點,如果不存在將返回「null」。

3、lastchild屬性

該屬性返回當前節點的最後乙個子節點。

[cnode=]obj.lastchild

cnode:該引數用來儲存最後乙個子節點,如果不存在將返回「null」。

4、previoussibling屬性

該屬性返回當前節點的前乙個兄弟節點。

[snode=]obj.previoussibling

snode:該引數用來儲存前乙個兄弟節點,如果不存在將返回「null」。

5、nextsibling屬性

該屬性返回當前節點的後乙個兄弟節點。

[snode=]obj.nextsibling

snode:該引數用來儲存後乙個兄弟節點,如果不存在將返回「null」。

二 應用

遍歷文件樹,在頁面中,通過相應的按鈕可以查詢到文件的各個節點的名稱、型別和節點值。

三 **

加粗內容
四 執行結果

遍歷DOM文件樹

一 介紹 遍歷文件樹通過使用parentnode屬性 firstchild屬性 lastchild屬性 previoussibling屬性和nextsibling屬性來實現。1 parentnode屬性 該屬性返回當前節點的父節點。pnode obj.parentnode pnode 該引數用來儲存...

jQuery遍歷DOM樹方法

一 next 取得匹配的元素集合中每乙個元素緊鄰的後面同輩元素的元素集合。如果提供乙個選擇器,那麼只有緊跟著的兄弟元素滿足選擇器時,才會返回此元素。二 prev 取得乙個包含匹配的元素集合中每乙個元素緊鄰的前乙個同輩元素的元素集合。選擇性篩選的選擇器。next 與.prev 用法基本一致,只是前者是...

拷貝和遍歷DOM樹

拷貝就是複製,就相當於把乙個物件中的所有內容,複製乙份給另乙個物件,直接複製,或者說,就是把乙個物件的位址給了另外乙個物件,他們的指向相同,兩個物件之間有相同的屬性或者方法,都可以使用 script varobj1 varobj2 定義乙個函式,把a物件中的所有屬性複製到物件b中 function ...