原生JS如何根据条件简化元素classList的类名增删操作

• 方案1（最简洁，原生内置专属API）
  直接使用classList.toggle的第二强制参数即可，和你原有if-else逻辑100%等价：

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

当第二个参数为true时会强制添加类名，为false时强制移除类名，无需额外写分支判断。

• 方案2（匹配你设想的动态调用方法逻辑）
  通过JS对象的方括号访问语法，动态选择要调用的方法即可实现你写的伪代码逻辑：

myEl.classList[myConditionIsMet ? 'add' : 'remove']("myClass");

先通过三元运算符返回要调用的方法名字符串，再直接传参执行即可，完全符合你想要的链式动态调用效果。

内容的提问来源于stack exchange，提问作者physicsboy