所以，現在我們已經討論了為什麼你應該關心的Domm為什麼它是令人興奮的。
而且我們也談到了這是什麼什麼文檔對象模型的手段。
這只是每個元素的使用JavaScript頁面上的模型，這一事實對象頂級對象稱為文檔。
所以這是偉大的，但我們並沒有看到如何做任何與它。
因此，在這個視頻我將簡要介紹使用狗操縱事情的過程。
所以，我的整個過程歸結為兩個關鍵字選擇和操作。
所以就像看評價，我們寫一個選擇器選擇與類的特殊或所有的H一或全部圖像標記，我們選擇元素，然後我們應用樣式像背景顏色紫色的邊界一個像素的純黑色與JavaScript和DOM和人口東西。
我們還選擇元素，雖然我們在一個非常不同的方式做到這一點。
我們編寫JavaScript代碼肚裡，並選擇元素，並返回他們回來給我們，然後我們更改屬性在他們身上，所以我們選擇的東西，然後我們操縱它。
因此，在接下來的幾張幻燈片，我要告訴你，他怎麼能選擇該H-1我的頭，以及我們如何可以改變它是粉紅色。
我一直在這說了很多在過去幾年的影片，但我不希望你把重點放在語法不亞於概念。
接下來的幾部影片將進入選擇和操作的細節問題。
這只是它是如何工作的概述。
因此，在這張幻燈片上，我將告訴你如何選擇H1，正如與C.
有很多的選擇給定元素的不同方式。
在這種情況下，該行代碼文檔點查詢選擇器H-1是要選擇此頁面上的H-1。
所以，我在這裡強調這個綠框，所以你可以看到的被選擇了什麼。
如此反复變種H-1，這只是任何我們想要的任何變量等於文檔查詢選擇8：1。
所以我們會花更多的時間與查詢，選擇並確定它是什麼，它是如何工作的。
但它返回表示此H1的對象，並將其保存，在H-1的變量。
所以這是選擇的過程。
接下來的部分是操控它，操縱它，我可以做各種各樣的事情和所有我要在這裡做的就是改變顏色是粉紅色。
所以，我們只寫了H-1是我們的變量有代表H-1點樣式的對象。
這是一個屬性和樣式屬性是帶著一幫其他的屬性和顏色的一個巨大的物體就是其中之一。
因此，H-1確實風格，但顏色等於粉紅色。
然後，這就是我們要做的。
而瀏覽器看到我改變屬性，以粉紅色和自動更新最新通過將其粉紅色顯示。
所以，我們選擇了這裡，然後我們操作。
所以，我在這裡有一個例子。
這是一個有點複雜。
我們正在做一個很簡單的動畫，其中每一秒鐘我們改變了藍色和白色之間身體的背景顏色。
所以我們需要做的首先是選擇身體，然後操縱它，選擇它。
我一直在使用這再次我們要回來了查詢選擇身體的下一個視頻文件的轉儲文件查詢選擇另一條線路。
所以這給了我身體的元素在這裡它實際上給了我對象表示它的模型，我保存在體內的變量。
然後，我有這個變量是藍色這只是我要去使用，因為我需要知道，如果我從藍色將白色或類白色藍布爾值。
因此，它開始作為假的，然後我用，我們在幾年前蓋設置的時間間隔。
如果你不記得它是如何工作的，它基本上有兩個參數。
第一個是一些代碼來運行一個函數，第二個是一個數字或以毫秒為單位的時間。
因此，需要這個數毫秒這是一千或一秒鐘，每一秒它會調用這個代碼。
那麼，這段代碼是檢查，如果背景是藍色的當前，如果它是。
然後，我們改變它是白色的，如果背景是白色的，然後我們把它改為藍色。
所以要仔細看看，我們有我們的，如果是藍色的。
所以，這只是變量。
它一開始使用假的。
所以第一次加載頁面的背景是白色的是藍色的是假的。
所以，這行不運行，但此人做其他人的身體一樣風格的深色背景等於這個十六進制顏色是藍色。
使得改變的背景是藍色的。
於是我們就改變我們的是藍色的變量，從虛假到真實的。
而這與感嘆號或者運營商不這樣做的一個很好的方式排序。
所以，那麼這段代碼再次運行下一次是藍色已經成為事實。
所以這個代碼並運行的身體一樣的風格，但背景等於白。
所以，現在我們要回白色。
這不運行，那麼我們改變的是藍色的回假。
並且不斷去永遠。
所以，不是說你真的願意為分散注意力的背景顏色，改變每一秒的東西。
但是，這並去表明我們可以做的事情比黑只是改變了H1粉色更加複雜。
所以，包裝這一切了兩個字選擇操作我們選擇我們抓住一些對象代表的元素，然後我們做的東西給他們。
所以本裝置的其餘部分將被集中於選擇的不同的方法和操作的隨後的不同方式。
所以接下來的視頻是要深入了解使用JavaScript選擇元素的不同方式。
我們已經見過一個已經queery選擇。