js的dom模型

dom:Document object model文檔對象模型

  • 文檔:超文本標記文檔 html xml
  • 對象:提供了屬性,方法
  • 模型:使用屬性和方法操作超文本標記型文檔

即可以使用js裏面的dom裏面提供的對象,使用這些對象的屬性和方法,對標記型文檔進行操作。
需要把html裏面的標籤屬性文本內容都封裝成對象,然後解析標記型文檔。

dom解析html的過程如下圖:
這裏寫圖片描述
解析過程:
首先:根據html的層級結構,在內存中分配一個樹形結構,需要把html中的每部分封裝成對象。

  • Document對象:整個文檔
  • Element對象:標籤對象
  • 屬性對象
  • 文本對象
  • Node節點對象:這個對象是這些對象的父對象

如果在對象裏面找不到想要的方法,這個時候到node對象裏面去找。

發佈了24 篇原創文章 · 獲贊 1 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章