首頁 > web前端 > 前端問答 > JavaScript與dom有什麼關係

JavaScript與dom有什麼關係

青灯夜游
發布: 2021-10-09 15:49:39
原創
2551 人瀏覽過

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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板