Js 開發歷程 DOM的遍歷

2021-08-27 16:32:35 字數 575 閱讀 5165

dom的遍歷

對於web開發,dom的遍歷是最為普遍了。

3.1.1 什麼是dom

dom 是 document object model(文件物件模型)的縮寫。

3.1.2 dom重要屬性

nodetype 屬性返回節點的型別。nodetype 是唯讀的。

比較重要的節點型別有:

元素=1 屬性=2 文字=3 注釋=8 文件=9

nodename 屬性規定節點的名稱。

3.1.3 dom的遍歷

節點樹中的節點彼此擁有層級關係。

父(parent)、子(child)和同胞(sibling)等術語用於描述這些關係。

父節點擁有子節點。同級的子節點被稱為同胞(兄弟或姐妹)。

由於dom遍歷時,會獲取所有型別的節點,但大部分對dom的操作都是對元素的操作,所以要做一些特殊處理

對於標準的dom遍歷,js++提供了:

match,child,children,first,last,prev,next,parent

對於selector遍歷,js++提供了:

find,up,down,query

Js 開發歷程 DOM的遍歷

dom的遍歷 對於web開發,dom的遍歷是最為普遍了。3.1.1 什麼是dom dom 是 document object model 文件物件模型 的縮寫。3.1.2 dom重要屬性 nodetype 屬性返回節點的型別。nodetype 是唯讀的。比較重要的節點型別有 元素 1 屬性 2 文字...

JS遍歷DOM 節點樹的實現

本文將分享 dom 節點樹深度遍歷 廣度遍歷 假定我僅遍歷 body 且其結構如下 class container class left class menu class right class box1 class box2 遍歷完父節點的所有子節點的子節點的子節點.再遍歷其兄弟節點。輸出 sec...

DOM 元素的迴圈遍歷

獲取 dom 元素的幾種方式 get 方式 getelementbyid getelementsbytagname getelementsbyclassname getelementsbyname 返回型別 htmlcollection query 方式 queryselector querysel...