原生addClass 方法 添加类函数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生addClass 方法 添加类函数相关的知识,希望对你有一定的参考价值。

function addClass(id,new_class){
      var i,n=0;
      new_class=new_class.split(",");
      for(i=0;i<new_class.length;i++){
      if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")==-1){
                document.getElementById(id).className+=" "+new_class[i];
                  n++;
            }
      }
      return n;
}

 
现代浏览器有classList属性:
var addClass = function(_element, _classes) {
    var classList, item, _i, _len;
    classList = _element.classList;
    for (_i = 0, _len = _classes.length; _i < _len; _i++) {
        item = _classes[_i]; classList.add(item);
    }
    return _element;
};

以上是关于原生addClass 方法 添加类函数的主要内容,如果未能解决你的问题,请参考以下文章

原生JS实现addClass,removeClass,toggleClass

addclass,

js实现addClass添加样式

jQuery addClass() 方法

jQuery CSS类

jQuery addClass onClick