javascript - 如何在 JavaScript 中添加/删除类？

Question

自 element.classList IE 9 和 Safari-5 不支持，有什么替代的跨浏览器解决方案？

No-frameworks请。

解决方案必须至少适用于IE 9、Safari 5、FireFox 4、Opera 11.5 和 Chrome。

相关帖子(但不包含解决方案):

1. how to add and remove css class

2. Add and remove a class with animation

3. Add remove class?

Answer 1

这里是纯javascript解决方案中addClass、removeClass、hasClass的解决方案。

其实是来自http://jaketrent.com/post/addremove-classes-raw-javascript/

function hasClass(ele,cls) {
  return !!ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}

function addClass(ele,cls) {
  if (!hasClass(ele,cls)) ele.className += " "+cls;
}

function removeClass(ele,cls) {
  if (hasClass(ele,cls)) {
    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
    ele.className=ele.className.replace(reg,' ');
  }
}