DOM是什麼？有什麼用處？js與DOM啥關係？

本文轉載於： https://blog.csdn.net/u012155729/article/details/78135393

轉載僅供本身後期學習

DOM簡介
你們都想知道dom是什麼，翻了各類文檔，找了各類資料，看完仍是雲裏霧裏的，想表達吧，又說不上來，若是，您是大神，請繞道，又或者看完個人文章，有不足之處，歡迎提出，本人會積極改正。原本就是互相學習的過程嘛…嘿嘿**
在各類網站上都能找到的信息，這裏就不一一說了，直奔主題。
（基本信息：[dom介紹(http://www.w3school.com.cn/htmldom/dom_intro.asp)）
一、DOM
DOM全稱 Document Object Model，即文檔對象模型，它容許腳本(js)控制Web頁面、窗口和文檔。對象你知道吧，一我的就是一個對象。那麼動物呢，一條狗也是對象，做爲高大尚的人怎麼能夠和動物扯在一塊，這個時候，是否是就要分類啦好比人類呀，動物啦，植物啦，等等… 因此就有了w3c裏面介紹的那樣咯，DOM 標準被分爲 3 個不一樣的部分：
核心 DOM - 針對任何結構化文檔的標準模型
XML DOM - 針對 XML 文檔的標準模型
HTML DOM - 針對 HTML 文檔的標準模型
哎呀，說了那麼久，還不是一大堆feihua嗎
二、DOM的做用
作網頁的都知道，想要作一個動態頁面，須要交互之類的，那這個時候，靜態頁面是沒法知足的，千萬別跟我說，你能夠提早把要查詢的顯示的內容寫在代碼裏，那麼多數據，你要寫幾年啊。。要實時變化嘛，固然得有後臺支持。就好比你在博客裏，修改我的信息，添加一個標籤頁，刪除個性簽名等等，都須要同步的額。

看看DOM樹長什麼樣

DOM基本功能：
① 查詢某個元素
② 查詢某個元素的祖先、兄弟以及後代元素
③ 獲取、修改元素的屬性
④ 獲取、修改元素的內容
⑤ 建立、插入和刪除元素
按照不一樣的類型來分，dom有不一樣的節點：文檔節點、元素節點、屬性節點、文本節點、註釋節點，別說話，看圖：

總的來講，   HTML DOM 定義了用於 HTML 的一系列標準的對象，以及訪問和處理 HTML 文檔的標準方法。 經過 DOM，能夠訪問全部的 HTML 元素，連同它們所包含的文本和屬性。能夠對其中的內容進行修改和刪除，同時也能夠建立新的元素。 HTML DOM 獨立於平臺和編程語言。它可被任何編程語言諸如 Java、JavaScript 和 VBScript 使用。 三、JS 和DOM有什麼聯繫嗎？ js是代碼，html是標記語言哦 想要作成動態頁面，確定要用到js了，管你是vue仍是ng仍是什麼的。 DOM的妙處在於：它可以在全部瀏覽器上提供一種一致的方式，經過代碼訪問HTML的結構和內容。 一、在瀏覽器加載一個頁面時，瀏覽器會解析HTML，並建立文檔的一個內部模型，其中包含HTML標記的全部元素，自上而下解析，遇到JavaScript瀏覽器會檢查它的正確性，而後執行代碼。 二、JavaScript繼續執行，使用DOM檢查頁面、完成修改、從頁面接受事件，或者要求瀏覽器從Web服務器獲取其它數據 注：document是一個反映HTML的對象，經過調用document的方法改變DOM的狀態，也就是改變HTML頁面 三、JavaScript修改了DOM時，瀏覽器會隨着動態更新頁面。 DOM就是一張映射表啦，記錄着一堆用代碼操控document時的規章制度，直白點說，就是js操做html時的API --------------------- 做者：七色花的姐姐 來源：CSDN 原文：https://blog.csdn.net/u012155729/article/details/78135393 版權聲明：本文爲博主原創文章，轉載請附上博文連接！