設計轉前端 入門到放棄

Document Object Model，HTML 和 XHTML 的介面。

DOM的內容其實可以分為三個部份：DOM core、HTML DOM 與 XML DOM。

DOM Core 是最基本的底層架構(核心)，主要是將 Document 架構為一個樹(Tree) 的概念， Tree 的組成成份就是節點 (Node)，每個 DOM 必須要有一個document 的根節。每個元素在 DOM 裡面就是一個節點。 當一個 .html 檔被以瀏覽器開啟的時候，瀏覽器就會去解析該檔案的 DOM。 由於瀏覽器可以處理 html 跟 XML 的 DOM，所以也有人稱 DOM 檔案樹為 html 檔案樹或者 XML檔案樹。 事實上就是指 document 中元素， 對應到的 JavaScript 物件，我們就統稱為 dom。var img = document.getElementById("img2"); 這個 img 就是範例中 img 標籤對應到 JS 世界的 dom 元素。 不管是什麼 DOM，都有對應的物件架構， 每個物件有其屬性、方法 (Method) 與界面 (Interface)， 讓外界可以讀寫其內容；對外界程式設計人員而言，這些方法界面，統稱 API (Application Programming Interface)。

Ref:

https://dev.to/macmacky/70-javascript-interview-questions-5gfi#5-what-is-the-dom