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節點對象