¿Cuál es la función HaClass con JavaScript simple?

"hasteraEl método "es la función jQuery utilizada para verificar si el elemento particular contiene la clase especificada. Si contiene, el "Hasclass ()" da "verdadero"De lo contrario, regresa"FALSO". JQuery es una biblioteca compatible con JavaScript, si desea hacer esta tarea en JavaScript sin usar la biblioteca jQuery, use el método "Contins ()".

Este artículo demostrará la función "HaClass" con JavaScript simple.

Cómo realizar la funcionalidad de la función "HaClass" con JavaScript simple?

"hastera"La función pertenece al JavaScript"jQuery" biblioteca. Si desea usar JavaScript simple e identificar si la clase especificada es parte de un elemento en particular, entonces debe usar el "contiene()Método del objeto de lista de clases. Esto funciona igual que la función HaClass.

Sintaxis

Para obtener la funcionalidad de "hastera"En JavaScript, use la sintaxis dada a continuación:

elemento.Lista de clase.contiene ("classname")

Aquí, "nombre de la clase"Es el nombre de la clase CSS que se buscará en el elemento particular.

Mientras que la sintaxis del método HaSclass () en jQuery es:

$ (selector).Hasclass (nombre de clase)

Ejemplo

Crear un "div"Elemento, asigne una clase CSS"Flex-item1"Para diseñar el DIV y agregar una imagen del logotipo del sitio web utilizando el"SRC"Atributo de la etiqueta dentro del elemento div:

Crear una clase CSS "Flex-item1"Para peinar el div:

.flex-item1
Color de fondo: negro;
Max-Width: 7em;
Pantalla: Flex;
Alineación de ítems: Centro;
relleno: 0 15px;

En el archivo JavaScript, o la etiqueta, primero obtenga el elemento "div"Usando su identificación asignada"logodiv"Con la ayuda del método GetElementById ():

Sea divelement = documento.getElementById ("logodiv");

Llama a "contiene()"Método del objeto de lista de clases pasando la clase"Flex-item1"Para determinar si el elemento DIV especificado contiene esta clase:

var Hasclass = divelement.Lista de clase.contiene ("flex-item1");

Finalmente, imprima el resultado en la consola usando el "consola.registro()" método:

consola.log ("Div contiene la clase 'Divelement'? "+ Hasclass);

Se puede observar que el método contiene () devuelto "verdadero"Lo que significa que el elemento especificado contiene la clase CSS dada:

Hemos compilado las instrucciones necesarias relevantes para realizar el "hastera"Funcionalidad con JavaScript simple.

Conclusión

En JavaScript, puede lograr la funcionalidad del "hastera"Función usando el"contiene()Método del objeto de lista de clases. El "Hasclass ()" es el método incorporado del JavaScript "jQuery" biblioteca. Se utiliza para verificar o verificar si el elemento particular pertenece a la clase especificada. En este artículo, demostramos la función HaClass y el método equivalente en JavaScript simple.