這是《JavaScript學(xué)徒》系列的第十三課郁季，今天會介紹《JavaScript DOM編程藝術(shù)》第9章CSS-DOM，學(xué)習(xí)用JavaScript來操作CSS。
本文同步發(fā)表于我的個(gè)人網(wǎng)站：
https://zacklive.com/javascript-dom-css/?
教學(xué)視頻連結(jié)
結(jié)構(gòu)--表示--行為
HTML：結(jié)構(gòu)層（Structural layer）
CSS：表示層（Presentation layer）
JavaScript：行為層（Behavior layer）
style屬性
<p id="example" style="color: grey; font-family: 'Arial', sans-serif;">An Example</p>
var para = document.getElementById("example");
alert(typeof para.style);
style屬性是一個(gè)對象（object）豺旬。
para.style.color
para.style.fontFamily
所有帶"-"號的屬性改用駝峰命名霉翔，font-family變成fontFamily睁蕾。
只能取得內(nèi)嵌（inline）樣式。
可直接修改：
para.style.color = "black";
className屬性
覆蓋class屬性：
para.setAttribute("class", "intro");
或
para.className = "intro";
添加新class：
para.className += " intro";
注意"intro"前面有一個(gè)空格债朵。也可自行寫一個(gè)函數(shù)判斷className是否存在子眶，再決定是直接賦值還是添加。
