Проверить наличие CSS класса в javascript

#javascript

Как проверить наличие или отсутствие класса у элемента на чистом javascript?

Необходимо добавить класс элементу по клику, но при этом проверить наличие у него
этого класса перед добавлением, чтобы класс не дублировался.

вот код: 

var cells = document.getElementsByTagName('td');

for(var i=0; i

Ответы
Ответ 1

Вам поможет метод classList.contains вместо className


  contains ( String )
     Проверяет, есть ли данный класс у элемента (вернет true или false)


использовать можно так:

if(this.classList.contains('active'))


где this должен быть html-элементом.


Ответ 2

Можно воспользоваться следующей функцией:

function hasClass(element, className) {
    var rx = new RegExp('(?:^| )' + className + '(?: |$)');
    return rx.test(element.className);
}


Плюс такого решения - работает даже на древних браузерах


Ответ 3

сделала так - по клику добавляется класс и удаляется при повторном клике. вот код:

var cells = document.getElementsByTagName('td');
for(var i=0; i