Как на js сделать .className==(шаблон)?

Question

[Евгений]

Суть проста: на сайте для быстрого разбиения строк таблицы по категориям(Категория 1/Категория 2/ т.д.) используется сейчас с помощью применения к строке определенного названия class (например <tr class="cat1">).
При клике на кнопку меню отображаются только строки с классом cat1, а cat2 и т.д. успешно делаются display:none.

if (paramchange == "cat1" && comments[i].className=="cat1") comments[i].style.display = "";

Но теперь возникла ситуация, что необходимо в класс добавить еще несколько, например это сам стиль для строки и еще для того же принципа например класс action.
в итоге имеем такой вид строки: <tr class="cat1 action new_position"> и теперь перестает работать изначальная реализация.
Сейчас получается сравнение строго если класс="cat1".
Как в JS сделать это по шаблону, т.е. если присутствует в классе cat1?

Answer 1

[Котик Антон]

developer.mozilla.org/en-US/docs/Web/API/Element/c...

if (paramchange == "cat1" && comments[i].classList.contains("cat1")) {
    comments[i].style.display = "";
}

Answer 2

[Алексей Уколов]

<div id="el" class="foo and some other-classes">1</div>

if (document.getElementById('el').classList.contains('foo'))
{
    alert('Yep!');
}
else
{
    alert('Nope...');
}