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

Пользователь

от roxanne.hauck , в категории: JavaScript , 8 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от nelle , 7 месяцев назад

@roxanne.hauck 

Чтобы проверить, имеет ли элемент нужный класс в JavaScript, можно использовать свойство classList элемента и метод contains().


Например, если у вас есть элемент <div> с идентификатором myDiv, и вы хотите проверить, имеет ли он класс myClass, вы можете использовать следующий код:

1
2
3
4
5
6
var myDiv = document.getElementById("myDiv");
if (myDiv.classList.contains("myClass")) {
  // Код, который будет выполнен, если элемент имеет класс "myClass"
} else {
  // Код, который будет выполнен, если элемент не имеет класса "myClass"
}


В этом примере метод classList.contains() проверяет, содержит ли список классов элемента класс "myClass". Если класс "myClass" присутствует, метод вернет true, и код внутри первого блока if будет выполнен. Если класс "myClass" отсутствует, метод вернет false, и код внутри блока else будет выполнен.


Если вы хотите проверить, имеет ли элемент несколько классов, вы можете использовать метод classList.contains() для каждого класса или свойство classList для получения списка всех классов элемента в виде массива. Например:

1
2
3
4
5
6
7
// Проверка наличия нескольких классов:
if (myDiv.classList.contains("class1") && myDiv.classList.contains("class2")) {
  // Код, который будет выполнен, если элемент имеет оба класса "class1" и "class2"
}

// Получение массива всех классов элемента:
var classList = myDiv.classList;


Также можно использовать метод className элемента для получения строки со списком всех классов элемента и затем проверить, содержит ли эта строка нужный класс. Однако, использование свойства classList является более предпочтительным способом, так как это более удобный и надежный способ работы с классами элементов.