JavaScript與dom有什麼關係

dom（文件物件模型）是JavaScript的一個組成部分，它為JavaScript提供處理網頁內容的方法和介面；JavaScript對網頁進行的所有操作都是透過DOM進行的。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

完整的JavaScript 是由以下三個部分組成：

• 核心（ECMAScript）：提供語言的語法和基本物件；

• 文檔物件模型（DOM）：提供處理網頁內容的方法和介面；

• 瀏覽器物件模型（BOM）：提供與瀏覽器互動的方法和接口。

文件物件模型（DOM）：

#DOM（文件物件模型）是 HTML 和 XML 的應用程式介面（API）。 DOM 將把整個頁面規劃成由節點層級構成的文檔。 HTML 或 XML 頁面的每個部分都是一個節點的衍生物。

DOM 透過建立樹來表示文檔，從而使開發者對文檔的內容和結構具有空前的控制力。用 DOM API 可以輕鬆刪除、新增和取代節點（getElementById、childNodes、appendChild、 innerHTML）。

DOM和JavaScript的關係

我們都知道JavaScript是一種程式語言，而.js檔案是用JavaScript寫的程式碼，那麼DOM在其中擔任什麼樣的角色呢？

DOM不是程式語言，但如果沒有DOM，JavaScript語言不會有任何網頁操作。我們用JavaScript對網頁進行的所有操作都是透過DOM進行的。

下面用一段程式碼更直觀地顯示JavaScript和DOM的區別，程式碼中被標示為紅色的部分就是DOM：

var Tags = document.getElementsByTagName( "a");
       for(var i = 0; i < Tags.length; i )
       {
    is          {     is    " Tags[i].href
"\n");

       }

這樣一來，哪些是核心JavaScript，哪些是DOM，各自扮演什麼角色可以一目了然。 （此處不在對程式碼進行解釋）。

因此有這樣一個近似的等式：

web或XML頁面= DOM JS(腳本語言)

#【推薦學習：javascript高階教學

】###

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