Qual è la funzione hasclass con JavaScript semplice

"Hasclass"Il metodo è la funzione jQuery utilizzata per verificare se l'elemento particolare contiene la classe specificata. Se contiene, "Hasclass ()" dà "VERO"Altrimenti, ritorna"falso". JQuery è una libreria supportata da JavaScript, se si desidera eseguire questa attività in JavaScript senza usare la libreria jQuery, usa il metodo "contiene ()".

Questo articolo dimostrerà la funzione "Hasclass" con JavaScript semplice.

Come eseguire la funzionalità della funzione "Hasclass" con JavaScript semplice?

"Hasclass"La funzione appartiene al JavaScript"jQuery" biblioteca. Se si desidera utilizzare JavaScript semplice e identificare se la classe specificata fa parte di un particolare elemento, è necessario utilizzare "contiene ()"Metodo dell'oggetto classlist. Funziona come la funzione Hasclass.

Sintassi

Per ottenere la funzionalità di "Hasclass"In JavaScript, usa la sintassi di seguito:

elemento.classlist.contiene ("nome classe")

Qui, "nome della classe"È il nome della classe CSS che verrà cercato nell'elemento particolare.

Mentre la sintassi del metodo Hasclass () in jQuery è:

$ (selettore).Hasclass (ClassName)

Esempio

Creare un "div"Elemento, assegnare una classe CSS"Flex-Item1"Per modellare il Div e aggiungere un'immagine del logo del sito Web usando"src"Attributo del tag all'interno dell'elemento Div:

Crea una classe CSS "Flex-Item1"Per modellare il div:

.Flex-Item1
Background-color: nero;
Licromra massima: 7em;
display: flex;
ALIGE-ITMS: CENTRO;
imbottitura: 0 15px;

Nel file javascript o nel tag, prima ottieni l'elemento "div"Usando l'ID assegnato"logOdiv"Con l'aiuto del metodo getElementById ():

Let Divelement = Document.getElementById ("logOdiv");

Chiama il "contiene ()"Metodo dell'oggetto classlist passando la classe"Flex-Item1"Per determinare se l'elemento Div specificato contiene questa classe:

var hasclass = divelement.classlist.contiene ("Flex-Item1");

Infine, stampare il risultato sulla console usando "console.tronco d'albero()" metodo:

console.Log ("Div contiene la classe" Divelement "? "+ Hasclass);

Si può osservare che il metodo contiene () restituito "VERO"Il che significa che l'elemento specificato contiene la classe CSS data:

Abbiamo compilato le istruzioni necessarie pertinenti all'esecuzione del "Hasclass"Funzionalità con JavaScript semplice.

Conclusione

In JavaScript, puoi ottenere la funzionalità del "HasclassFunzione "usando il"contiene ()"Metodo dell'oggetto classlist. "Hasclass ()" è il metodo integrato di JavaScript "jQuery" biblioteca. Viene utilizzato per verificare o verificare se l'elemento particolare appartiene alla classe specificata. In questo articolo, abbiamo dimostrato la funzione Hasclass e il metodo equivalente in JavaScript semplice.