首頁  >  文章  >  web前端  >  JavaScript中dom的意思是什麼

JavaScript中dom的意思是什麼

青灯夜游
青灯夜游原創
2021-11-03 13:52:464001瀏覽

在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)來獲得的。

  • JavaScript 可以改變頁面中的所有HTML 元素

  • #JavaScript 可以改變頁面中的所有HTML 屬性

  • #JavaScript 能改變頁面中的所有CSS 樣式

  • JavaScript 能刪除現有的HTML 元素和屬性

  • JavaScript 能添加新的HTML 元素與屬性

  • JavaScript 能對頁面中所有現有的HTML 事件做出反應

  • JavaScript 能在頁面中建立新的HTML 事件

【推薦學習:javascript高階教學

以上是JavaScript中dom的意思是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn