Kohone
9/9/2014 - 3:06 PM

Работа с классами на чистом JS

Работа с классами на чистом JS

Как узнать сколько классов есть у элемента?
el.classList.length;

Как добавить класс к элементу?
el.classList.add('myCssClass');

Как удалить один из классов элемента?
el.classList.remove('myCssClass');

Как проверить, содержит ли элемент какой-либо класс?
el.classList.contains('myCssClass'); // возвратит true/false

Как преключить класс (добавить, если его нет, или удалить, если он есть)?
el.classList.toggle('myCssClass'); 

Как узнать индекс интересующего класса в наборе классов элемента?
el.classList.item('myCssClass'); // возвратит индекс класса myCssClass