DOM程式設計小結

2021-10-08 03:08:44 字數 484 閱讀 2582

dom(document object model)文件物件模型,借助dom模型,可以將乙個結構化的文件轉換成dom記憶體樹,程式可以直接修改記憶體。

step1:從網路或本地拿到html源**

step2:瀏覽器將html源**中的每個標籤都例項化對應的物件

step3:在記憶體中形成乙個dom樹

step4:將記憶體dom樹解析為可視頁面

step5:js直接修改dom樹,改變檢視頁面

dom為html每個元素都提供了乙個對應的類,每個類中都有相應的方法和屬性,允許dom模型以樹的方式操作html文件的每個元素

還有一些對像並沒有和html元素對應,而是瀏覽器記憶體的

Dom元素小結

dom節點分為三大類 元素節點 文字節點 屬性節點 文字節點 屬性節點,為元素節點的兩個子節點 通過getelement系列方法,可以去到元素節點。document.getelementsbyclassname 通過classname獲取元素 物件集合 陣列 document.getelements...

DOM操作小結

增加元素節點 document.createelement 增加文字節點 document.createtextnode 增加注釋節點 document.createcomment 在父節點下移除子節點 removechild 元素自身銷毀 remove 在父節點下用 a 節點替換 b 節點 rep...

DOM程式設計

dom 基於文件物件模型程式設計,解析html頁面時,js引擎將html頁面中每乙個標籤都封裝成一物件,通過操作這些物件在頁面中顯示效果 整個文件 document 乙個標籤物件代表乙個節點 node 屬性 nodename 節點名稱 它是以乙個樹狀結構進行儲存 學習dom程式設計的作用 all 返...