Para verificar se um elemento contém uma classe, você usa o contains()
método da classList
propriedade do elemento:
element.classList.contains(className);
Linguagem de código: CSS ( css )
Neste método, você passa className
para o contains()
método a classList
propriedade 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: secondary
e info
:
<div class="secondary info">Item</div>
Linguagem de código: HTML, XML ( xml )
Para verificar se o <div>
elemento contém a secondary
classe, use o seguinte código:
const div = document.querySelector('div');
div.classList.contains('secondary'); // true
Linguagem de código: JavaScript ( javascript )
Neste exemplo, usamos o querySelector()
método para selecionar div
e usamos o contains()
método para verificar se sua lista de classes contém a secondary
classe.
O exemplo a seguir retorna false
porque o <div>
elemento não possui a error
classe:
const div = document.querySelector('div');
div.classList.contains('error'); // false
Linguagem 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