JavaScriptのclassList.toggleは第2引数に条件文を入れられる

classList.toggleの第2引数

JavaScriptでclassListをよく利用するのだがtoggleを使用する際にいままではif文を書いてaddで追加して条件に合わないときはremoveで削除していた。

if (val < 10) {
  s.classList.add('foo');
} else {
  s.classList.remove('foo');
}

しかしclassList.toggleは第2引数に条件文を入れられるので

s.classList.toggle('foo', val < 10);

で良かったようだ。

なぜオレはあんなムダな時間コーディングを……

classList.toggleの第2引数サンプル