DOM是什么？有什么用處？js與DOM啥關系？

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

轉載僅供自己后期學習

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

看看DOM樹長什么樣

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

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