學習目標：
1、使用js操作html的css樣式
2、通過輪詢框示例加深js的了解
學習過程：
之前我們學習了使用js修改html的屬性達到一種互動的效果，事實上，使用js修改html的css樣式可以實現一種更加絢麗的互動效果。這節課我們就學習一下如何使用js修改html的樣式的方法。
要修改html的樣式有兩種方式，一種是修改style屬性
html標籤物件.style.style屬性="屬性值"。
另外一種就是可以定義乙個新的樣式類，然後修改html的類屬性。
html標籤物件.classname="css類"。如：
css的定義：
下面我們再做兩個例子：，雖然這個樣式不好看，不過也可以看出我們平時經常見到的輪詢框其實就是通過修改style樣式的display屬性。
display:none;//隱藏
display:block;//顯示。
實現**，html排版如下：
標題一 | 標題二 | 標題三
內容一
內容二
內容三
.ccjs類的操作，修改css，封裝修改類常用函式
通過style屬性來修改元素的樣式，每修改乙個樣式，瀏覽器就需要重新渲染一次頁面 這樣的執行的效能是比較差的，而且這種形式當我們要修改多個樣式時，也不太方便修改box的class屬性 我們可以通過修改元素的class屬性來間接的修改樣式 這樣一來，我們只需要修改一次，即可同時修改多個樣式，瀏覽器只需...
HTML頁面中引入CSS和JS的方法總結
html檔案中怎麼樣引入css樣式和js，這篇文章總結了在html中引入css和js的方法。下面我們分兩部分分別來介紹，大家可以在做網頁的時候根據情況來使用。1 行內樣式 通過使用html標籤的style屬性來寫。通過這種方式寫的樣式會覆蓋掉其他引入方式的樣式，優先選擇行內樣式。缺點是不利於後期維護...
在js中獲取html內元素的css屬性
js中獲取css樣式的方法 1.對於內聯樣式，可以直接使用ele.style.屬性名 當然也可以用鍵值對的方式 獲得。注意在css中單詞之間用 連線，在js中要用駝峰命名 設定行內樣式 總結 window.getcomputedstyle 方法返回乙個物件 可以使用 window.getcomput...