JavaScript中dom的意思是什麼-前端問答-PHP中文網

JavaScript中dom的意思是什麼

青灯夜游

發布： 2021-11-03 14:00:19

原創

4005 人瀏覽過

在JavaScript中，dom指的是“文檔物件模型”，是HTML和XML文檔的程式設計介面；它定義了存取和處理HTML文檔的標準方法，定義了一種方式可以使從程式中對該結構進行訪問，從而改變文件的結構，樣式和內容。

JavaScript中dom的意思是什麼

本教學操作環境：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）來獲得的。