Este artículo demostrará la función 'hasClass' con JavaScript simple.
¿Cómo realizar la funcionalidad de la función 'hasClass' con JavaScript simple?
“ tieneclase ” 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 classList. Esto funciona igual que la función hasClass.
Sintaxis
Para obtener la funcionalidad de “ tieneclase ” en JavaScript, utilice la siguiente sintaxis:
elemento. Lista de clase . contiene ( 'nombre de la clase' )
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 ) . tieneclase ( nombre de la clase )Ejemplo
Crear un ' división ” elemento, asigna una clase CSS “ elemento flexible1 ” para diseñar el div, y agregue una imagen del logotipo del sitio web usando el “ origen ” atributo de la etiqueta dentro del elemento div:
< identificación div = 'logoDiv' clase = 'elemento flexible1' >
< img origen = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' todo = '' />
división >
Crear una clase CSS “ elemento flexible1 ” para darle estilo al div:
.flex-item1 {color de fondo : negro ;
anchura máxima : 7em ;
mostrar : doblar ;
alinear elementos : centro ;
relleno : 0 15px ;
}
En el archivo JavaScript, o en la etiqueta