javascript - 根据条件添加或删除类

Question

我正在根据变量的真实性从元素的 classList 中添加/删除类。但是，我这样做的方式似乎很迟钝:

if (myConditionIsMet) {
  myEl.classList.add("myClass");
} else {
  myEl.classList.remove("myClass");
}

有没有一种方法可以让这更性感并动态调用 add/remove 链式函数，例如使用条件运算符，例如:

myEl.classList.{myConditionIsMet ? add('myClass') : remove('myClass')};

以上当然是伪代码，我希望尽可能的纯JS。

Answer 1

有一个 toggle .classList 上的方法，它接受第二个参数 (force)。这个 bool 参数本质上接受一个条件，如果为真则添加类，如果为假则移除类。

myEl.classList.toggle("myClass", myConditionIsMet);