JavaScript的文檔對象模型DOM

小夥伴們以前咱們講過不少JavaScript的不少知識點，能夠點擊回顧一下：
《JavaScript大廈之JS運算符》；
《JavaScript工做原理：內存管理 + 如何處理4個常見的內存泄露》；
《js 大廈之JavaScript事件》；
《JavaScript定義函數的幾種方式》；
《JavaScript工做體系中不可或缺的函數》；
以及本文最接近的《細說JavaScript BOM》，此次本文要給你們介紹JavaScript的DOM

DOM：document object model 文檔對象模型

經過 HTML DOM，可訪問 JavaScript HTML 文檔的全部元素。通俗點，DOM就是咱們寫的HTML元素被加載到網頁後被轉化成一個一個的對象，咱們稱爲DOM對象，經過操做這些DOM對象，實際上就是操做咱們的HTML元素，進而改變咱們網頁的內容和樣式等。

原始的html 文檔

瀏覽器中的文檔源碼

瀏覽器加工展現

經過DOM對象，將狀態反應到html文檔，影響瀏覽器的展現

其實DOM對象就是html文檔中元素的抽象，抽象出的對象提供許多屬性和方法來操做這些元素，即咱們說的編程接口。現實中咱們都經過DOM對象操做html頁面。