我正在classList根據變數的真實性從元素中添加/洗掉一個類。但是，我正在以一種看似遲鈍的方式進行操作：
if (myConditionIsMet) {
myEl.classList.add("myClass");
} else {
myEl.classList.remove("myClass");
}
有沒有一種方法可以讓我更性感并動態呼叫add/remove鏈式函式，例如使用條件運算子，例如：
myEl.classList.{myConditionIsMet ? add('myClass') : remove('myClass')};
當然，上面是偽代碼，我希望盡可能簡單的JS。
uj5u.com熱心網友回復：
你的偽代碼js
myEl.classList.{myConditionIsMet ? add('myClass') : remove('myClass')};
可以翻譯成實際的js
myEl.classList[myConditionIsMet ? 'add' : 'remove']('myClass');
這不是特別可讀，但完全符合您的描述。
為了可讀性，我會看一下toggle方法。
uj5u.com熱心網友回復：
有一種toggle方法.classList可以接受第二個引數 ( force)。這個布爾引數本質上采用一個條件，如果為真則添加類，如果為假則洗掉類。
myEl.classList.toggle("myClass", myConditionIsMet);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/326575.html
標籤：javascript html css
上一篇：從復選框中洗掉是