Bagaimana untuk menogol Kelas Elemen tanpa jQuery dalam JavaScript Tulen?

Menogol Kelas Elemen dalam JavaScript Tulen

S: Bagaimana hendak menogol kelas elemen dalam JavaScript tulen tanpa jQuery?

Kaedah toggleClass jQuery menyediakan cara mudah untuk menogol kelas sesuatu elemen. Tetapi bagaimana ini boleh dicapai menggunakan JavaScript tulen?

J:

1. document.classList.toggle():

   Pelayar moden menyokong kaedah classList.toggle, yang memudahkan manipulasi kelas. Contohnya:

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

2. classList.js:

   Untuk pelayar lama yang kekurangan classList.toggle, anda boleh menggunakan classList.js polyfill:

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

Nota Tambahan:

• Senarai Kelas: Gunakan nama kelas dan bukannya ID untuk kecekapan yang lebih baik.
• Elakkan ID: ID mencipta pembolehubah global dalam objek tetingkap JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk menogol Kelas Elemen tanpa jQuery dalam JavaScript Tulen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!