Найти в Дзене
Jun in IT

ClassList - JS

При использовании прослушивания событий у нас может возникнуть необходимость добавлять класс при клике или, например, наведении мыши. Здесь мы можем столкнуться с проблемой, что же нам выбрать: ✅ add добавит класс один раз; При первом клике у нас сработает прописанное событие, но далее, сколько бы раз мы не нажимали на кнопку - ничего не произойдет до перезагрузки страницы. ✅ remove Работает по абсолютно противоположному сценарию от add. Здесь, при первом клике класс уберется и больше не добавится. ✅ toggle Совмещает в себе свойства remove и add. При первом нажатии будет работать add, а при повторном нажатии - remove. Это может происходить бесконечное количество раз.

При использовании прослушивания событий у нас может возникнуть необходимость добавлять класс при клике или, например, наведении мыши.

Здесь мы можем столкнуться с проблемой, что же нам выбрать:

  • add
  • remove
  • toggle

✅ add

добавит класс один раз;

При первом клике у нас сработает прописанное событие, но далее, сколько бы раз мы не нажимали на кнопку - ничего не произойдет до перезагрузки страницы.

✅ remove

Работает по абсолютно противоположному сценарию от add. Здесь, при первом клике класс уберется и больше не добавится.

✅ toggle

Совмещает в себе свойства remove и add. При первом нажатии будет работать add, а при повторном нажатии - remove. Это может происходить бесконечное количество раз.