什麼是DOM

• DOM，全稱Document Object Model文件物件模型。

• JS中通過DOM來對HTML文件進行操作。只要理解了DOM就可以隨

心所欲的操作WEB頁面。

• 文件

– 文件表示的就是整個的HTML網頁文件,，整個html文件就通過javascript來讀取或修改其內容。

• 物件

– 物件表示將網頁中的每一個部分都轉換為了一個物件。整個網頁也是物件，萬物皆物件，可我還沒有物件（^__）。

• 模型(就是一棵樹)

– 使用模型來表示物件之間的關係，這樣方便我們獲取物件。學了資料結構的話就知道整個就是一個樹結構，對應的操作也都是樹的操作，增，刪，改，查，複製，遍歷………等

節點（node）

Node——構成HTML文件最基本的單元。(萬物皆物件在這裡可以說萬物皆節點)

根據 DOM，HTML 文件中的每個成分都是一個節點。

DOM 是這樣規定的：

• 整個文件是一個文件節點

• 每個 HTML 標籤是一個元素節點

• 包含在 HTML 元素中的文字是文字節點

• 每一個 HTML 屬性是一個屬性節點

• 註釋屬於註釋節點

Node 層次

節點彼此都有等級關係。

HTML 文件中的所有節點組成了一個文件樹（或節點樹）。HTML 文件中的每個元素、屬性、文字等都代表著樹中的一個節點。樹起始於文件節點，並由此繼續伸出枝條，直到處於這棵樹最低級別的所有文字節點為止。

下面這個圖片表示一個文件樹（節點樹）：

##### 事件

事件，就是文件或瀏覽器視窗中發生的一些特定的互動瞬間。

•JavaScript 與HTML 之間的互動是通過事件實現的。

•對於Web 應用來說，有下面這些代表性的事件：點選某個元素、將滑鼠移動至某個元素上方、按下鍵盤上某個鍵，等等。

JavaScript思維導圖網址：https://www.cnblogs.com/pikachu/p/10456828.html