js判断样式className同时增加class或删除class

要判断并增加或删除元素的class，可以使用JavaScript中的classList属性和toggle()方法。classList属性是一个只读的、表示元素类名的集合（DOMTokenList），可以用于添加、删除和切换类名。toggle()方法会在元素中切换一个类名（如果该类名不存在，则添加之；否则删除之）。

以下是增加class的示例：

var element = document.getElementById("myElement");
if (element.classList) {
  element.classList.add("myClass");
} else {
  element.className += " myClass";
}

这个代码段首先检查元素是否有classList属性，如果有，就使用classList的add() 方法添加类名；否则，使用className属性将类名添加到元素。

以下是删除class的示例：

var element = document.getElementById("myElement");
if (element.classList) {
  element.classList.remove("myClass");
} else {
  var regExp = new RegExp("(\\s|^)" + "myClass" + "(\\s|$)");
  element.className = element.className.replace(regExp, " ");
}

这个代码段使用类似的方法来删除类名，只是这里使用remove()方法或者replace()方法来删除类名。

在单个元素上添加或删除类名可能很简单。但如果需要在多个元素上执行相同的操作，则需要迭代这些元素，并分别为它们添加或删除类名。以下是一个使用querySelectorAll()方法选中并添加类名的示例：

var elements = document.querySelectorAll(".myElements");
Array.prototype.forEach.call(elements, function(el, i){
  el.classList.add("myClass");
});

这个代码段选择所有类名为myElements的元素，并使用forEach方法迭代元素列表并为它们添加myClass类名。

希望这个完整攻略对你有帮助！