Este artigo demonstrará a função “hasClass” com JavaScript simples.
Como executar a funcionalidade da função “hasClass” com JavaScript simples?
“ hasClass ” função pertence ao JavaScript “ jQuery ' biblioteca. Se você deseja usar JavaScript simples e identificar se a classe especificada faz parte de um determinado elemento, você deve usar o “ contém() ” do objeto classList. Isso funciona da mesma forma que a função hasClass.
Sintaxe
Para obter a funcionalidade de “ hasClass ” em JavaScript, use a sintaxe abaixo:
elemento. lista de classe . contém ( 'nome da classe' )
Aqui, ' nome da classe ” é o nome da classe CSS que será pesquisada no elemento específico.
Enquanto a sintaxe do método hasClass() em jQuery é:
$ ( seletor ) . hasClass ( nome da classe )Exemplo
Crie um ' div ” elemento, atribua uma classe CSS “ flex-item1 ” para estilizar o div e adicione uma imagem do logotipo do site usando o “ origem ” atributo da tag dentro do elemento div:
< id div = 'logoDiv' classe = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' tudo = '' />
div >
Crie uma classe CSS “ flex-item1 ” para estilizar o div:
.flex-item1 {cor de fundo : Preto ;
largura máxima : 7h ;
tela : flex ;
itens de alinhamento : Centro ;
preenchimento : 0 15px ;
}
No arquivo JavaScript, ou na tag