Эта статья продемонстрирует функцию hasClass с помощью простого JavaScript.
Как реализовать функциональность функции «hasClass» с помощью простого JavaScript?
“ hasClass 'функция принадлежит JavaScript' jQuery библиотека. Если вы хотите использовать простой JavaScript и определить, является ли указанный класс частью определенного элемента, вам нужно использовать « содержит() ” метод объекта classList. Это работает так же, как функция hasClass.
Синтаксис
Чтобы получить функциональность « hasClass ” в JavaScript используйте приведенный ниже синтаксис:
элемент. список классов . содержит ( 'имя класса' )
Здесь, ' className ” — это имя класса CSS, который будет искаться в конкретном элементе.
В то время как синтаксис метода hasClass() в jQuery:
$ ( селектор ) . hasClass ( имя класса )Пример
Создать ' див », назначьте класс CSS « гибкий элемент1 », чтобы стилизовать div, и добавить изображение логотипа веб-сайта с помощью « источник ” атрибут тега внутри элемента div:
< идентификатор div знак равно 'логоДив' класс знак равно 'гибкий элемент1' >
< источник изображения знак равно 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' все знак равно '' />
див >
Создайте класс CSS ' гибкий элемент1 », чтобы стилизовать div:
.flex-элемент1 {фоновый цвет : черный ;
Максимальная ширина : 7 часов ;
отображать : сгибаться ;
выравнивание элементов : центр ;
набивка : 0 15 пикселей ;
}
В файле JavaScript или теге