如何用javascript为元素添加class

以给 body 标签添加 class 为例

通过 jQuery

$( 'body').addClass( 'class1 class2' )

$( 'body' ).removeClass( 'class1 class2' )

支持 classList 的高级浏览器（IE10+，Chrome，Firefox，Safari）

document.body.classList.add( 'class1', 'class2' )

document.body.classList.remove( 'class1', 'class2' )

不支持 classList 的浏览器只能通过 className 来添加

document.body.className += ' class1 class2'

把a元素获取到，直接添加class属性就可以了，代码如下：

<a href="#" id='a'></a>

<script>

    var oA = document.getElementById('a')

    oA.class = 'heikuai'

</sciprt>

用浏览器打开，'审查元素'：再看这个a元素时，a就带了这个class 属性了。

---