Bu makale, düz JavaScript ile 'hasClass' işlevini gösterecektir.
Düz JavaScript ile “hasClass” Fonksiyonunun İşlevselliği Nasıl Gerçekleştirilir?
“ hasClass 'işlev JavaScript'e aittir' jQuery ' kütüphane. Düz JavaScript kullanmak ve belirtilen sınıfın belirli bir öğenin parçası olup olmadığını belirlemek istiyorsanız, ' içerir() ” classList nesnesinin yöntemi. Bu, hasClass işleviyle aynı şekilde çalışır.
Sözdizimi
“ işlevini elde etmek için hasClass ” JavaScript'te, aşağıda verilen sözdizimini kullanın:
eleman. sınıfListesi . içerir ( 'sınıf adı' )
Burada, ' sınıf adı ”, belirli öğede aranacak CSS sınıfının adıdır.
JQuery'deki hasClass() yönteminin sözdizimi şöyledir:
$ ( seçici ) . hasClass ( sınıf adı )Misal
Oluşturmak ' div ” element, bir CSS sınıfı atayın” esnek öğe1 ” kullanarak div'in stilini belirleyin ve web sitesinin logosunun bir görüntüsünü ekleyin. kaynak div öğesinin içindeki etiketinin ” niteliği:
< div kimliği = 'logoDiv' sınıf = 'esnek öğe1' >
< img kaynağı = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' her şey = '' />
div >
Bir CSS sınıfı oluşturun ' esnek öğe1 ” div'e stil vermek için:
.flex-öğe1 {arka plan rengi : siyah ;
maksimum genişlik : 7em ;
Görüntüle : esnek ;
hizalama öğeleri : merkez ;
dolgu malzemesi : 0 15 piksel ;
}
JavaScript dosyasında veya