核心DOM模型

DOM-Document Object Model
將標記語言文檔的各個組成部分封裝成對象,可以使用這些對象,對標記語言進行CRUD操作

W3C DOM標準被分爲3個不同的部分

  • 核心DOM-針對任何結構化文檔的標準模型
  • XML DOM-針對XML文檔的標準模型
  • HTML DOM-針對HTML文檔的標準模型

今天說的是核心DOM模型

DOM樹
在這裏插入圖片描述
DOM的幾個對象:

  • Document-文檔對象

  • Element-元素對象

  • Attribute-屬性對象

  • Text文本對象

  • Comment-註釋對象

  • Node-節點對象(其他五個對象的父對象)

  • Document對象
    獲取:通過window屬性獲取
    方法:
    在這裏插入圖片描述
    四個獲取Element對象的方法分別通過標籤的id屬性標籤名稱標籤的class屬性以及標籤的name屬性獲 取Element對象

    創建方法creatElement(),方法傳遞的參數就是要要創建的元素節點名稱,例如:
    在這裏插入圖片描述

  • Element元素對象
    獲取:通過document對象的方法來獲取
    方法:
    1、removeAttribute( 屬性名稱):刪除指定的屬性
    2、 setAttribute(屬性名稱,屬性值 ):添加新屬性。
    一般在Element對象上設置事件,後面會說到

  • Node節點對象
    在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章