Шарапиев Н. © 2012-2022 г.
АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!→
Курсы по ООП в JavaScript. Выйдут по готовности. Запишитесь, чтобы не пропустить!

Манипулирование CSS классами в JavaScript

Массив классов

classList

Дан элемент:

<p id="elem" class="www ggg zzz"></p>

Узнайте количество его классов.

Дан элемент:

<p id="elem" class="www ggg zzz"></p>

Переберите в цикле его классы.

Добавление классов

classList.add

Дан элемент:

<p id="elem" class="www ggg zzz"></p>

Добавьте ему класс xxx.

Удаление классов

classList.remove

Дан элемент:

<p id="elem" class="www ggg zzz"></p>

Удалите у него класс www и класс zzz.

Проверка классов

classList.contains

Дан элемент:

<p id="elem" class="www ggg zzz"></p>

Проверьте наличие у него класса ggg.

Чередование классов

classList.toggle

Дан элемент. Добавьте ему класс www, если его нет и удалите - если есть.

↑