Javascript 中设置 CSS 样式

在 Javascript 中设置HTML元素的样式分 2 种方法：

其一，设置Class Name，等同于在HTML标签中的 <... class=“ClassName” .../>

格式如下：

.ClassName{
......
}

document.getElementById("ElementID").className = "ClassName";

其二，通过设置属性的方式，设置CSS样式，等同于在HTML标签中的 <... style="width:120px;" .../>

document.getElementById("ElementID").style.width="120px"
/*document.getElementById("id").style.property="value"*/

Style 对象的属性：http://www.w3school.com.cn/htmldom/dom_obj_style.asp

Add/Remove Class

document.getElementById('id').classList.add('class');

document.getElementById('id').classList.remove('class');