Чтобы при клике на элемент меню добавить к нему класс "active" в JavaScript, вы можете использовать следующий подробный код:
1. Получите ссылку на элемент меню с помощью методов поиска в DOM, таких как getElementById
, getElementsByClassName
или querySelector
.
var menuElement = document.getElementById("menu");
2. Добавьте обработчик события "click" к элементу меню, используя метод addEventListener
. Внутри обработчика можно изменить класс элемента, чтобы добавить класс "active".
menuElement.addEventListener("click", function() { // Добавляем класс "active" к элементу меню menuElement.classList.add("active"); });
3. Создайте CSS-правило с классом "active" в вашем стилевом файле или внутри тега <style>
. Это позволит визуально отобразить, что элемент меню активен.
.active { background-color: blue; }
В результате, при клике на элемент меню, он будет получать класс "active" и изменять свой стиль, заданный в CSS-правиле.