加减附加类(add and subtract additional classes)

我尝试添加和使用Java脚本IM也在这里使用多类减一类是我的代码

function enlargegreen() {

    document.getElementByClassName('playlist-player').className += "enlarge";
    document.getElementByClassName('playlist-player').className -= "shrink";

}
<div  class="playlist-player shrink green" onmousedown="enlargegreen()" ></div>

我试着去减去收缩一部分，并与放大更换

Answer 1:

$(".playlist-player").addClass("green test2").removeClass("playlist-player");

小提琴

关于addClass（）

关于removeClass（）

我做了一个快速小提琴在那里我在我的例子中使用addClass（）和removeClass（）。一些关于两个：

1）removeClass（）：从每个元素集合中的匹配元素的删除单个类，多个类，或所有类。

2）addClass（）：将指定的类（或多个）到每个匹配元件。

Answer 2:

如果jQuery是一个选项，你可以简单地使用addClass（ http://api.jquery.com/addClass/ ）和removeClass（ http://api.jquery.com/removeClass/ ）

然后，它会是什么样子：

$('.playlist-player').addClass('enlarge');
$('.playlist-player').removeClass('shrink');

Answer 3:

这里有几个简单 JS套路：

function addClass( element, name, remove ){
  if ( element.className ) {
    var re = new RegExp(
      '(^|\\s+)' + 
      name.replace(/([^a-zA-Z0-9])/gi, '\\$1') + 
      '(\\s+|$)',
      'g'
    );
    if ( remove ) {
      element.className = element.className.replace( re, '' );
    }
    else if ( !re.test( element.className ) ) {
      element.className += ' ' + name; 
    }
  }
  else if ( !remove ) {
    element.className = name;
  }
};

function removeClass( element, name ){
  return addClass( element, name, true );
};

~~上述不作任何特殊字符的支票，可能打破RegExp作为类名称的一部分~~ 。不过话说回来， 在我看来 ，你应该只真的有_或-超出了字母和数字。