Тази статия ще демонстрира функцията „hasClass“ с обикновен JavaScript.
Как да изпълним функционалността на функцията „hasClass“ с обикновен JavaScript?
“ hasClass 'функция принадлежи на JavaScript' jQuery ' библиотека. Ако искате да използвате обикновен JavaScript и да идентифицирате дали посоченият клас е част от определен елемент, тогава трябва да използвате „ съдържа() ” на обекта classList. Това работи по същия начин като функцията hasClass.
Синтаксис
За да получите функционалността на „ hasClass ” в JavaScript използвайте дадения по-долу синтаксис:
елемент. classList . съдържа ( 'име на клас' )
Тук, ' className ” е името на CSS класа, който ще се търси в конкретния елемент.
Докато синтаксисът на метода hasClass() в jQuery е:
$ ( селектор ) . hasClass ( име на клас )Пример
Създавам ' див ' елемент, присвоете CSS клас ' flex-item1 ”, за да стилизирате div, и добавете изображение на логото на уебсайта, като използвате „ src ” на тага вътре в елемента div:
< div id = 'logoDiv' клас = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' всичко = '' />
див >
Създайте CSS клас ' flex-item1 ”, за да стилизирате div:
.flex-item1 {Цвят на фона : черен ;
максимална ширина : 7ем ;
дисплей : flex ;
подравняване на елементи : център ;
подплата : 0 15px ;
}
Във файла на JavaScript или в тага