1. 程式人生 > >DOM對象

DOM對象

定義 del 編程語言 add 屬性 代碼 模型 數據結構 屬性和方法

DOM(文檔對象模型 document object model)

d就是doucument(文檔)
o就是object (對象)
m就是model (模型)

  1. 什麽是文檔?

  2. 什麽是對象?

  3. 什麽是類?

文檔:document(文檔),文檔的特點是有結構。例如:標題、正文、段落、結尾等。而在編程語言中,文檔的含義是指由標記語言寫出的擁有結構的代碼。

總結:文檔就是html代碼(這裏HTML是泛指,理解含義就好)。

對象:是類的實例化。例子:一個真實存在的蘋果是一個蘋果對象,一個真實存在的洗衣機是一個洗衣機對象。

類:對象的抽象化。例子:一個你想象的蘋果是一個蘋果類,一個你想象的洗衣機是一個洗衣機類。

總結:對象和類是相對的,對象是實物,類的抽象,換句話說,類是某個實物的概念化。如同汽車和汽車圖紙的關系。類是概念化的,不屬於數據結構,所以不能用於直接操作。所謂的操作就是某種功能。對象是具體的,實例化後的,也是數據結構中的一種,所以可以直接用於操作。

總結:DOM是眾多的節點對象,其中這些對象裏定義了訪問和操作 HTML 文檔節點的標準方法(這裏HTML是泛指);

節點劃分:整個文檔是一個文檔節點,每個 HTML 元素是元素節點,HTML 元素內的文本是文本節點,每個 HTML 屬性是屬性節點,註釋是註釋節點。

註:HTML文檔擁有結構,這種結構被稱之為節點。操作HTML文檔,也就是說操作節點。對節點可以進行添加刪除修改等操作。

註:在js中的每一個節點都是一個對象,對象操作屬性和方法是最基本的,所以DOM的衍伸含義實際上是對節點對象的操作。

進行到此處還不懂嗎?明白對象的人自然明白DOM。我教授的是學習方法,沒有理解對象的概念,就不能真正的理解DOM的含義。

DOM對象