Tämä artikkeli esittelee 'hasClass' -toiminnon tavallisella JavaScriptillä.
Kuinka suorittaa 'hasClass' -toiminnon toiminnallisuus tavallisella JavaScriptillä?
' hasClass 'funktio kuuluu JavaScriptiin' jQuery ' kirjasto. Jos haluat käyttää tavallista JavaScriptiä ja tunnistaa, onko määritetty luokka osa tiettyä elementtiä, sinun on käytettävä ' sisältää() ” classList-objektin menetelmä. Tämä toimii samalla tavalla kuin hasClass-toiminto.
Syntaksi
Saadaksesi ' hasClass ' JavaScriptissä, käytä alla annettua syntaksia:
elementti. luokkaluettelo . sisältää ( 'luokan nimi' )
Täällä, ' luokan nimi ” on CSS-luokan nimi, jota haetaan tietystä elementistä.
Vaikka jQueryn hasClass()-metodin syntaksi on:
$ ( valitsin ) . hasClass ( luokan nimi )Esimerkki
Luo ' div ' elementti, määritä CSS-luokka ' flex-item1 ' tyyliä div-osaan ja lisää kuva verkkosivuston logosta käyttämällä ' src ” div-elementin sisällä olevan -tunnisteen attribuutti:
< div id = 'logoDiv' luokkaa = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' kaikki = '' />
div >
Luo CSS-luokka ' flex-item1 ' divin tyyliin:
.flex-item1 {taustaväri : musta ;
max-leveys : 7em ;
näyttö : flex ;
kohdista kohteet : keskusta ;
pehmuste : 0 15px ;
}
Hae JavaScript-tiedostossa tai