Para verificar se um elemento contém uma classe, você usa o contains()método da classListpropriedade do elemento:
element.classList.contains(className);Linguagem de código: CSS ( css )Neste método, você passa classNamepara o contains()método a classListpropriedade do elemento. Se o elemento contiver className, o método retornará true. Caso contrário, ele retorna false.
Por exemplo, suponha que você tenha o seguinte <div>elemento com duas classes: secondarye info:
<div class="secondary info">Item</div>Linguagem de código: HTML, XML ( xml )Para verificar se o <div>elemento contém a secondaryclasse, use o seguinte código:
const div = document.querySelector('div');
div.classList.contains('secondary'); // trueLinguagem de código: JavaScript ( javascript )Neste exemplo, usamos o querySelector()método para selecionar dive usamos o contains()método para verificar se sua lista de classes contém a secondaryclasse.
O exemplo a seguir retorna falseporque o <div>elemento não possui a errorclasse:
const div = document.querySelector('div');
div.classList.contains('error'); // falseLinguagem de código: JavaScript ( javascript )Resumo
- Use o
element.classList.contains()método para verificar se um elemento contém um nome de classe específico.
Anterior
