在JavaScript中,dom指的是“文檔物件模型”,是HTML和XML文檔的程式設計介面;它定義了存取和處理HTML文檔的標準方法,定義了一種方式可以使從程式中對該結構進行訪問,從而改變文件的結構,樣式和內容。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
1 DOM概念
文件物件模型(Document Object Model,DOM),它定義了存取和處理HTML文件的標準方法。現在我們主要接觸到的是HTML DOM。
DOM是HTML和XML文件的程式介面。它提供了對文件的結構化的表述,並定義了一種方式可以使從程式中對該結構進行訪問,從而改變文件的結構,樣式和內容。
HTML文件中的每個成分都是一個節點。 HTML文件中的所有節點組成了一個文件樹(節點樹)。 HTML文件中的每個元素、屬性、文字等都代表著樹中的一個節點。樹起始於文檔節點,並由此繼續延伸枝條,直到處於這棵樹最低層級的所有文字節點為止。學習DOM,就是學習一些操作頁面元素的API(方法)。下圖表示一個文檔樹。
2 DOM的組成
DOM是由節點組成的。節點又分為標籤節點、屬性節點、文字節點。
3 DOM的用途
透過JavaScript,我們可以重構整個HTML頁面文件。可以新增、移除、變更或重排頁面上的項目。要改變頁面的某個東西(即動態改變),JavaScript就需要取得對HTML文件中所有元素進行存取的入口。這個入口,連同對HTML元素進行新增、移動、改變或移除的方法和屬性,都是透過文件物件模型(DOM)來獲得的。
JavaScript 可以改變頁面中的所有HTML 元素
#JavaScript 可以改變頁面中的所有HTML 屬性
#JavaScript 能改變頁面中的所有CSS 樣式
JavaScript 能刪除現有的HTML 元素和屬性
JavaScript 能添加新的HTML 元素與屬性
JavaScript 能對頁面中所有現有的HTML 事件做出反應
JavaScript 能在頁面中建立新的HTML 事件
【推薦學習:javascript高階教學】
以上是JavaScript中dom的意思是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!