到目前為止，我們已經談到為何獨領風騷的稱謂是令人興奮的。
為什麼你應該關心。
使用它的無限可能的遊戲所有的令人興奮的事情在不同的地點。
但是，我們還沒有真正談過什麼DOM實際上是。
所以，我們要做的，在這段錄像開始就讓我們定義它。
迪歐上午。
DOM代表文檔對象模型。
這三個字的意義將在未來的幻燈片更有意義。
但是，讓我們通過在更高層次上定義它開始。
DOM是你的JavaScript和你的年齡之間的接口。
蒂姆的Mounty SS它基本上是一幫特殊的JavaScript對象JavaScript方法的功能，我們可以用它來與我們H.M.S.交互評估我們可以改變的事情，我們可以添加元素刪除元素改變顏色動畫東西種種令人振奮的方式與他們互動H.M.S.評估。
在這張幻燈片上，我來談一下DOM是如何構造的一點點，為什麼它被稱為文檔對象模型。
所以，當我們加載了一個電子郵件頁面看起來像這樣在瀏覽器中，它只是一些簡單的一柄他，所以你有一個標題和我的文字鏈接標籤和H-1與我的頭作為文本，這就是它。
所以，當我在我看到這個瀏覽器，但DOM創建幕後打開此了。
它是從這個構造就在這裡。
所以，我的意思是，這個年齡段的蒂姆變成了一堆的JavaScript對象。
每個對象模型，這些元件中的一個。
這就是我們得到文檔對象模型的對象模型的一部分。
所以，再一次只是重申我們每個團隊加載在瀏覽器中顯示的東西給我們這樣的瀏覽器。
但在幕後，它實際上使每一個元素的這個模型就像我們使用的是JavaScript對象建模我的狗生鏽的JavaScript對象。
他有一個屬性名稱和其他一個品種和年齡。
這些對象是從根本上除了內容一樣的東西是不同的。
他們將有事情喜歡的類型的標記文字來源屬性顏色背景顏色文字大小，它們都包含在每個對象內部的所有不同的特性。
我們肯定會花費大量的時間與這些對象工作，所以具體細節並不重要。
所有這一切我想在這裡強調的是，我們加載各添升。
它顯示在瀏覽器和瀏覽器需要蒂姆·L和需要每個元素並把它變成一個對象。
以便覆蓋所述對象模型的一部分。
怎麼樣的文檔。
所以，你可以在這裡看到，這是結構我們從DOM得到一切都包含在我們的H.T.的整個模型內的頂級對象類型的小圖mounseers我們稱為文檔。
因此，我們可以去任何網頁都沒有。
所以，我有谷歌開放的，我只是要鍵入CON。 Word文檔。
當我這樣做，我得到回來這個大目標這個大事情。
但它看起來並不像一個JavaScript對象。
這不是真的是我們所期望的。
這是因為瀏覽器是一種從我隱藏它。
它實際上是什麼顯示我與總部的郵件看起來像文本，但它不顯示我正在對這個蒂莫模擬實際的對象。
因此，為了得到我們需要使用取消點D I R，它是控制台對象的另一種方法，我們要取消該D.I.R.所有的文件，這將做的是打印出這個對象語法，我們是熟悉整個文檔對象。
所以你可以看到它只是一個普通的對象，就像我們已經寫我們自己只是除了這裡有一個更多的信息一樣生鏽的狗對象的人。
因此，我們有東西像字體或圖像的聯繫，但我們也有類似的事情的身體和這身代表著整個身體。
所以每次你在這裡看到的元素是身體內部。
所以，如果我打開身體向上，你會看到我們有一大堆其他屬性，包括一個叫孩子的節點。
因此，子節點告訴我們，有一個div有一個腳本標記，並有身體內另一個div。
如果我們去了我們的元素會看到這一點。
因此，這裡的身體的身體裡面。
我們有第一個div我們有一個腳本標記，我們有第二個div。
然後呢說，我們開闢了第三個格，我們希望看到裡面的兩個div的如果第二個div。
如果我們去到的領事，我們來看看第二個div，然後我們來看看子節點，我們看到確定有兩個div的所以你可以看到DOM變得非常龐大的真快。
有成百上千的不同的屬性和方法，不同的節點和嵌套對象的這整個瘋狂的結構。
這只是這麼多的東西。
這是我在這個類在這裡你將不得不舒適不知道一切的開始提到的時期之一。
我現在可以告訴你，大多數開發人員不知道一半的財產在這裡。
我說，他們最多有大約10％的工作。
這裡有這麼多東西，我們幾乎從來沒有需要使用。
然後，有時下了線的東西來了，我們必須做一些事，我們從來沒有做過的事情。
我們google一下，我們發現哦好吧，這樣的未固化的變化特性是什麼。
我不知道。
這真的是什麼感覺是一個開發者。
到現在為止，使用JavaScript，我們已經在一個小控制的世界裡，我們了解我們了解變量的函數和對象的一點點在努力。
而且還有的做事方式是有限的和有知識的一個非常具體的子集，你只需要知道與DOM。
現在我們有這個巨大的生態系統巨大的工作在這麼多的屬性。
所以，我只是想重申有這麼多在這裡。
我們將重點放在重要的部分，但目標不是背誦。
我們的目標不是要掌握每一個屬性。
同樣10％的頂多是所有你需要一個稱職的Web開發人員。
好讓我們回去，我只想過這一次。
總結一下我們談過。
所以在DOM代表文檔對象模型。
這是你的JavaScript和你H.M.S之間的接口..
這是我們如何利用我們的JavaScript，使事情互動。
這是我們如何做的事情一樣添加新元素到頁面或更改鏈接的ref屬性或更改對我們身體的背景圖像或我們如何能獲得價值一張表格，或者我們可以做定制驗證和動畫和互動在這裡你的一些代碼點擊元素運行所有這些不同的可能性都基於這樣的事實，該文檔對象模型與HMS連接我們的JavaScript訪問。
因此，文檔對象模型，對象模型的部分告訴我們，它是正在建模在我們的H.T.元素JavaScript對象一堆量。
因此，我們有一個ATAC在這裡，我們結束了在這裡的對象表示該ATEC。
然後，我們最終代表該H1標籤，我們看到在這裡的另一個對象。
最後，因為一切都住稱為文檔的一個對象的內部，它被稱為文檔對象模型。
它的，其中一切住內部的根節點。
所以接下來的視頻中，我們要開始編寫一些代碼。