一些影片前我介紹了選擇的元素，然後操縱他們的這個概念。
因此，我們選擇H1或全部圖像標記，然後我們可以改變顏色，或它們的動畫或進行當你點擊他們他們做點什麼。
到目前為止，我們只覆蓋了一半的選擇和這部影片。
我們將介紹幾個方法很多，一旦我們選擇了他們操縱的元素。
因此，這裡有四個主要的事情要談。
第一個是我們該如何改變元素的風格。
我們如何使它藍色或使其隱藏。
更改字體大小。
接下來我們將討論添加和使用JavaScript刪除類，然後更改標籤的內容。
所以，我怎麼改變H-1的標籤為實例中的文本。
然後最後改變屬性。
那麼，如何才能改變一個圖像標記或在AA標籤裁判的來源。
我們將得到由談論的樣式屬性開始。
因此，當構建DOM和個別節點由或對象是由每一個元素有一個屬性叫做風格和樣式屬性是一個巨大的物體數百個，我們可以設置每一個綜援財產的屬性之一。
因此，我們可以寫javascript那麼將去的風格和元素不同。
所以在這裡，我通過ID亮點選擇一個元素所以選擇它，它保存到一個變量稱為標記，然後操縱它。
而我在做什麼我設置。
標籤式的點彩點是藍色的點標記點風格邊境等於10像素紅色。
值得注意的是，右側必須是一個字符串是很重要的。
因此，即使使用C SS我們並不需要把周圍的藍色或約70 P X [報價。
這不是C SS。
這是JavaScript的。
所以，我們還是要遵循常規的JavaScript規則。
所以我有一個簡單的網頁建立了，我要用來展示一些屬性。
所以，這個網頁是超級簡單的只是一個H-1的一個段落，而不是那款。
有一個強大的標籤，然後有兩隻可愛的柯基犬混合的兩個圖像。
那麼我現在要做的就是去領事，我需要選擇的東西開始，我要改變顏色，這H-1的邊界。
所以，我需要選擇它，並有多種方法可以做到，在一個新的文檔，查詢選擇器H-1。
然後我要告訴你的H-1型是屬性的巨型物體噸，噸。
所以我要去嘗試改變其中的一個像H-1式的深色，並做出黃色。
你可以看到它立即變成黃色。
邊境H-1的風格，邊框等於讓我們做五個像素固體粉紅色的同樣的事情。
還有我們走。
所以當然，如果我們只是想這是黃中帶粉紅色的邊框。
從頁面加載時間，沒有理由使用JavaScript來做到這一點。
我們只是把它放在我們的綜援文件中，我們將使用JavaScript，如果我們想讓它變成黃色，並有一個粉紅色的邊框，當用戶已經在頁面上五秒鐘，或者如果他想它，當用戶滾動到的特定部分發生頁或在用戶點擊了的東西。
這一切都使事情的互動，我們將看到如何在短期內做到。
那麼關於使用樣式屬性的好處是，如果你發現自己的單個元素上操縱一堆文件就像我在這裡做，並在此一個標籤改變五種不同的屬性肯定有更好的辦法。
並有幾方面的原因，有一個更好的辦法。
第一個是，這不是很幹的代碼。
有很多的重複掛牌的風格標籤的風格。
更重要的是有這個概念稱為關注點分離。
因此，關注點分離是這個概念，我們的H M L R（C S）不是的JavaScript。
每個人都有責任為自己的小領域，我們不希望它。
我們不希望很多人之間的交叉。
所以這個圖中可以看到，有各具其是結構團隊和JavaScript之間的交叉一點點這是該行為，然後看看評估是演示。
還有的用H HTML一點點重疊JavaScript，但請記住，它曾經是前的C SS走過來，你必須單獨編寫樣式每一個元素，我們實際使用的樣式屬性。
在這種情況下我們的介紹造型實際上是織成的結構，用C SS現在我們讓他們分離出來。
因此，我們的HMO是純粹的結構，然後我們的成功是純粹的風格。
那麼，什麼適合的JavaScript中是應該控制頁面的行為，有時這意味著改變的事情怎麼看，但，而不是僅僅改變了裡面的JavaScript性能實際上做在JavaScript的樣式。
我們所能做的是打開和關閉它們綜援文件裡。
所以這是非常常見的模式之一是，我們定義一個類綜援像亮點和亮點類將有五或六然而，我們正在改變許多不同的屬性。
然後我們就可以用JavaScript選擇一個元素，並給它的亮點類。
因此，在Javascript有一條線，我們可以添加一個類，那麼，這將改變五種不同的屬性。
讓我們來看看如何做到這一點的Javascript執行。
因此，而不是選擇一個標籤，然後改變風格，但顏色是藍色，然後風格的邊防是10像素的紅色實心我們可以做什麼，而不是是要找到在類的類可以被稱為什麼。
通常你希望它是有點意義如此反映什麼類是應該做的。
它是東西是被高亮，或者它是一個正確的答案。
試圖想出一個好名字，一個高的分數，你應用類不管是什麼原因。
因此，這不是一個很好的名字，但有些類中的一些類是改變顏色是藍色和邊境10像素的紅色。
那麼我要做的就是選擇我的標記，然後標記點類列表點增加一些類，這將給予我的標籤與亮點的想法將被應用於一個名為某個類在所有這些款式新類。
還有一些其他的事情，我們可以用類列表做。
因此，在這個例子中，我顯示了三種方法添加，我們已經看到這是我們如何可以添加一個類中刪除，它接受一個類名，然後它會從類列表該類名稱，然後類列表切換是非常有用的。
它需要一個類名。
而如果給定的元素有類已經它將然後將其刪除，如果元素沒有這個類然後，我會打開它。
所以非常非常有用的。
我們將在後面用它所有的時間。
因此，讓我證明給你之前，我回到我的例子在這裡。
實際上，我要定義一個新的類。
因此，而不是製造新的樣式表，並使用一個鏈接，我只是要使用樣式標籤只是時間的緣故。
所以我要定義一個類，你只是要叫它大。
而我現在要做的就是改變字體大小為100像素，並改變顏色為為橙色。
然後最後讓我們給它五像素純紅色的邊框。
所以，我會留在這。
如果我刷新我當然沒事頁​​變化，但是當我想要做的是，應用類的東西。
所以我打算讓本款有很大的類來做到這一點，我需要選擇它為止。
第等於記錄該查詢選擇段落。
好。
而讓我們只採取一看班級列表開始，你可以看到，它是空的。
沒有分配給本款尚未班。
所以，如果我要指定一個所有我需要做的是說，P-配音類列表添加點我想添加類大。
還有我們走。
因此，它會自動反映我的樣式表的新變化。
所有我必須做的就是添加的大類。
所以希望你可以看到，這是一個極大的方便，我們正在分離的責任。
因此，所有那些JavaScript並為它打開或關閉的SS的特定部分，而不是實際操作手動單獨的屬性。
我們現在只是改變的東西越少越好，而不是我們的JavaScript。
所以，如果我想刪除這一切我需要做的是做一流的無階級不能去除大，我提到了我最喜歡的一個是超級有用的切換。
所以，如果我打撥動現在和回車沒有分配，因此將指派它的類大類。
現在大的已經分配，因此將其刪除。
因此，這是在這種情況下做出了巨大的字體類這個瘋狂的橙色顯然不是有用的，但我們可以做的是像一個待辦事項清單，如果我們希望用戶能夠點擊它做的事。
這將穿越它。
但是，他們可以再次點擊，然後它會未交出來，或只是恢復正常。
這將完成。
或者，我們可以通過切換一類，所以我們可以有一個類調用做，我再次點擊應用點擊做到這一點。
它刪除。
這只是其中一個時，你可以使用切換的例子。
但它確實非常有用。
最後一點，我會調出有關類名單的是，它在技術上不是一個數組。
所以這意味著我們必須以添加一個類中使用的廣告。
我們不能做這樣的事情推。
所以只是一個小音符，但要知道，這不是技術上的數組是很重要的。
因此，我們通過覆蓋我們的JavaScript操作風格兩種不同的方式。
第一個是在時間，這是它的誠實罰款，如果你只是在做一兩件事情做手工一個屬性。