Javascript|Javascript 中设置 CSS 样式

在 Javascript 中设置HTML元素的样式分 2 种方法:
其一,设置Class Name,等同于在HTML标签中的 <... class=“ClassName” .../>
【Javascript|Javascript 中设置 CSS 样式】格式如下:

.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');

    推荐阅读