Qual é a função hasclass com javascript simples

““Hasclass”O método é a função jQuery usada para verificar se o elemento específico contém a classe especificada. Se contém, o "hasclass ()" dá "verdadeiro"Else, ele retorna"falso”. O JQuery é uma biblioteca suportada pela JavaScript, se você deseja executar esta tarefa em JavaScript sem usar a biblioteca jQuery, use o método "contém ()".

Este artigo demonstrará a função "Hasclass" com JavaScript simples.

Como executar a funcionalidade da função "Hasclass" com JavaScript simples?

““Hasclass”A 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, então você deve usar o “contém ()”Método do objeto de classe. Isso funciona da mesma forma que a função Hasclass.

Sintaxe

Para obter a funcionalidade de “Hasclass”Em JavaScript, use a sintaxe abaixo do rumo:

elemento.Lista de classe.Contém ("ClassName")

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 (ClassName)

Exemplo

Criar uma "div”Elemento, atribua uma classe CSS“flex-item1”Para estilizar a div e adicionar uma imagem do logotipo do site usando o“src”Atributo da tag dentro do elemento div:

Crie uma classe CSS “flex-item1”Para estilizar o div:

.flex-item1
Background-Color: Black;
Max-lar: 7em;
exibição: flex;
alinhado-itens: centro;
preenchimento: 0 15px;

No arquivo javascript, ou na tag, primeiro obtenha o elemento “div"Usando sua identificação atribuída"Logodiv”Com a ajuda do método getElementById ():

Deixe dividir = documento.getElementById ("Logodiv");

Ligar para "contém ()”Método da lista de classe Passando a classe“flex-item1”Para determinar se o elemento div especificado contém esta classe:

var hasclass = divisElement.Lista de classe.contém ("flex-item1");

Por fim, imprima o resultado no console usando o “console.registro()”Método:

console.log ("Div contém a classe 'DivElement'? "+ hasclass);

Pode -se observar que o método contém () retornou “verdadeiro”O que significa que o elemento especificado contém a classe CSS fornecida:

Nós compilamos as instruções necessárias relevantes para executar o “Hasclass”Funcionalidade com javascript simples.

Conclusão

Em JavaScript, você pode alcançar a funcionalidade do “Hasclass”Função usando o“contém ()”Método do objeto de classe. O "hasclass ()" é o método interno do JavaScript "jQuery" biblioteca. É utilizado para verificar ou verificar se o elemento específico pertence à classe especificada. Neste artigo, demonstramos a função Hasclass e o método equivalente em JavaScript simples.