如何在純 JavaScript 中不使用 jQuery 來切換元素的類別？

在純 JavaScript 中切換元素類別

問：如何在不使用 jQuery 的情況下在純 JavaScript 中切換元素的類別？

jQuery 的toggleClass 方法提供了切換元素類別的簡單方法。但是如何使用純 JavaScript 來實現這一點呢？

A:

1. document.classList.toggle():

   現代瀏覽器支援classList.toggle 方法，該方法簡化了類別操作。例如：

   <code class="js">var menu = document.querySelector('.container-fluid');
   menu.classList.toggle('menu-hidden');</code>

2. classList.js:

   對於缺少classList.toggle 的舊瀏覽器，您可以使用classList.js polyfill :

   <code class="js">var menu = document.querySelector('.menu');
   classList.toggle(menu, 'hidden-phone');</code>

附加說明：

• 類別列表：使用類別名稱而不是ID提高效率。
• 避免 ID： ID 在 JavaScript 視窗物件中建立全域變數。

以上是如何在純 JavaScript 中不使用 jQuery 來切換元素的類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！