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