CSS 與 JavaScript 是兩個(gè)有著明確分工的領(lǐng)域，前者負(fù)責(zé)頁(yè)面的視覺效果拳亿，后者負(fù)責(zé)與用戶的行為互動(dòng)愿伴。但是，它們畢竟同屬網(wǎng)頁(yè)開發(fā)的前端鹅经，因此不可避免有著交叉和互相配合瘾晃。本章介紹如何通過 JavaScript 操作 CSS幻妓。
HTML 元素的 style 屬性
操作 CSS 樣式最簡(jiǎn)單的方法肉津，就是使用網(wǎng)頁(yè)元素節(jié)點(diǎn)的getAttribute()方法、setAttribute()方法和removeAttribute()方法偶洋，直接讀寫或刪除網(wǎng)頁(yè)元素的style屬性距糖。
div.setAttribute(
????'style',
????'background-color:red; '+'border:1px solid black;'
);
上面的代碼相當(dāng)于下面的 HTML 代碼。
<div style="background-color:red; border:1px solid black;" />
style不僅可以使用字符串讀寫，它本身還是一個(gè)對(duì)象吗铐，部署了 CSSStyleDeclaration 接口（詳見下面的介紹）杏节，可以直接讀寫個(gè)別屬性奋渔。
e.style.fontSize ='18px';
e.style.color ='black';
