js操作类的样式

// 获取元素
const element = document.getElementById('myElement');

// 添加类名
element.classList.add('active');

// 删除类名
element.classList.remove('inactive');

// 切换类名
element.classList.toggle('highlight');

// 检查类名
if (element.classList.contains('active')) {
  console.log('Element is active');
}

// 兼容低版本浏览器的类名操作
function addClass(element, className) {
  if (element.classList) {
    element.classList.add(className);
  } else {
    element.className += ' ' + className;
  }
}

function removeClass(element, className) {
  if (element.classList) {
    element.classList.remove(className);
  } else {
    element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
  }
}