javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

Question

我使用这些 JavaScript 代码来更改脚本中的类:

var toggleDirection = function() {
  group.classList.toggle('left-to-right');
  group.classList.toggle('right-to-left');
}

在我的示例中，只有两个类需要更改，但也可以是多个类...

因此:有谁知道编写示例的方法不那么冗余？

Answer 1

不，不可能直接使用 Element.classList API。查看 API，您可以阅读:

toggle ( String [, force] ) When only one argument is present: Toggle class value; i.e., if class exists then remove it, if not, then add it. When a second argument is present: If the second argument is true, add specified class value, and if it is false, remove it.

Reference here .

您可以编写自己的“实用程序”函数(在 vanilla JS 中)来执行您想要的操作，下面是一个非常简单的演示示例，该示例在 classList API 之上工作:

var superToggle = function(element, class0, class1) {
  element.classList.toggle(class0);
  element.classList.toggle(class1);
}

你这样调用它:

superToggle(group,'left-to-right', 'right-to-left');