原生js动态添加和移除class

Question

这两天写个h5动画页面，要动态添加class，但是原来那些元素本身就有好几个class了，不会写，以前都只会jquery的，现在想用原生的写，网上查的看不太明白，有大神愿意教下吗

Answer 1

H5动画动态添加不难，逻辑给你整一下代码就不写了很麻烦。

我是在点击事件后添加一个语句，如

sheet.addRule("#myList li", "float: left; background: red !important;", 1);  

这就是典型的通过js添加css属性

当然,因为IE老版本不支持 insertRule,所以另一种方法就是创建一个 STYLE 元素,并指定适当的 media 属性,然后将样式添加到新的样式表中。这可能需要使用多个 STYLE 元素,但也是很容易的。我可能会创建一个对象,指定媒体查询以及索引,并那样创建/获取他们。

希望这对你有帮助，给我一个好评哦，祝您学习愉快！

Answer 2

function addClass(elem,vlaue){
 if(!elem.className){
     elem.className=value;
 }else{
      var newClassName=elem.className;
      newClassName += " ";
      newClassName += value;
      elem.className=newClassName;
 }
}