W języku JavaScript wywołanie element.classList.add("aktywny") powoduje
Poprawna jest odpowiedź o dodaniu klasy z zachowaniem dotychczasowych. Właściwość classList udostępnia listę klas elementu, a metoda add() dopisuje do niej nową wartość. Jeśli element miał class="menu", po wywołaniu będzie miał class="menu aktywny". Gdy klasa już była na liście, nic się nie zmienia.
Do zapamiętania: classList ma też metody remove() - usunięcie klasy, toggle() - przełączenie, i contains() - sprawdzenie. Zmiana wyglądu przez dodanie klasy, której styl opisano w CSS, jest czytelniejsza niż ustawianie pojedynczych właściwości przez element.style.
Metodę wywołuje się zwykle w obsłudze zdarzenia, np. kliknięcia przycisku albo przewinięcia strony.
Każda z błędnych odpowiedzi myli klasę z czymś innym. Usunięcie wszystkich klas nastąpiłoby po przypisaniu nowej wartości całemu atrybutowi, np. element.className = "aktywny", które nadpisuje dotychczasową listę. Metoda add() działa inaczej: dopisuje klasę, nie ruszając pozostałych.
JavaScript nie tworzy w ten sposób reguły CSS - dodaje elementowi nazwę klasy, a jej wygląd musi być wcześniej opisany w arkuszu stylów selektorem .aktywny. Bez takiej reguły klasa zostanie dodana, ale nic się nie zmieni na ekranie. Identyfikator to osobny atrybut id, zmieniany przez właściwość element.id. Warto pamiętać prosty podział: id wskazuje jeden konkretny element, a klasy służą do nadawania wspólnego wyglądu i do zmian wyglądu w odpowiedzi na działania użytkownika.
Efekt łatwo sprawdzić w narzędziach deweloperskich przeglądarki, obserwując na żywo atrybut class wybranego elementu.