Tento článok demonštruje prístupy na kontrolu, či má telo špecifickú triedu pomocou JavaScriptu.
Ako skontrolovať, či má telo špecifickú triedu pomocou JavaScriptu?
Ak chcete skontrolovať, či má telo špecifickú triedu pomocou JavaScriptu, použite nasledujúce prístupy:
- “ classList “vlastníctvo a “ obsahuje() “.
- “ getElementsByTagName() “ a „ zápas() “ metódy.
- “ jQuery “.
Ukážme si každý z prístupov jeden po druhom!
Prístup 1: Skontrolujte, či má telo špecifickú triedu v JavaScripte pomocou vlastnosti classList a obsahuje metódy ().
' classList Vlastnosť ” dáva CSS triedam názvy prvkov. Keďže „ obsahuje() ” metóda dáva hodnotu true, ak je uzol potomkom. Tieto kombinované metódy možno použiť na prístup k obsiahnutej triede v pridruženom prvku.
Syntax
uzol. obsahuje ( nahý )
Vo vyššie uvedenej syntaxi:
- “ nahý ” zodpovedá potomkovi uzla priradeného uzla.
Príklad
Urobme si prehľad nižšie uvedeného príkladu:
< centrum < telo trieda = 'obsahovať' >
< h2 > Toto je webová stránka Linuxhint h2 >
centrum > telo >
< typ skriptu = 'text/javascript' >
ak ( dokument. telo . classList . obsahuje ( 'obsahovať' ) ) {
konzoly. log ( 'Prvok tela má triedu' ) ;
}
inak {
konzoly. log ( 'Prvok tela nemá triedu' ) ;
}
skript >
Použite nižšie uvedené kroky, ako je uvedené vo vyššie uvedenom kóde:
- Najprv zahrňte „ 'prvok s atribútom set' trieda “.
- Tiež pridajte nadpis v rámci konkrétneho prvku ( ).
- V kóde JS použite „ classList “ vlastnosť kombinovaná s “ obsahuje() “.
- Výsledkom bude prístup k triede pridruženého „ ” na základe zadaného názvu triedy v parametri metódy.
- Pri splnení podmienok „ ak “ podmienka sa vykoná.
- Naopak, „ inak ” vykoná sa blok kódu príkazu.
Výkon
Vo vyššie uvedenom výstupe je vidieť, že konkrétna trieda je zahrnutá v „ ' prvok.
Prístup 2: Skontrolujte, či má telo špecifickú triedu v jazyku JavaScript pomocou metód getElementsByTagName() a match()
' getElementsByTagName() ” poskytuje kolekciu všetkých prvkov s konkrétnym názvom značky. ' zápas() ” metóda zhoduje zadanú hodnotu s reťazcom. Tieto metódy možno použiť na prístup k požadovanému prvku pomocou jeho značky a na kontrolu špecifickej triedy.
Syntax
dokument. getElementsByTagName ( tag )V poskytnutej syntaxi:
- “ tag “ predstavuje názov značky prvku.
Príklad
Nasledujúci príklad demonštruje diskutovanú koncepciu:
< img src = 'template2.png' výška = '150px' šírka = '150px' >
centrum > telo >
< typ skriptu = 'text/javascript' >
nech dostať = dokument. getElementsByTagName ( 'telo' ) [ 0 ] . className . zápas ( /obsahuje/ )
ak ( dostať ) {
konzoly. log ( 'Prvok tela má triedu' ) ;
}
inak {
konzoly. log ( 'Prvok tela nemá triedu' ) ;
}
skript >
Vo vyššie uvedenom útržku kódu:
- Podobne uveďte „ ” prvok so špecifikovanou triedou.
- Obsahujte aj obrázok s rozmermi nastavenými v rámci prvku uvedeného v predchádzajúcom kroku.
- V riadkoch kódu JavaScript prejdite na „ ” jeho značkou pomocou znaku “ getElementsByTagName() “.
- ' [0] ” označuje, že sa načíta prvý prvok zodpovedajúci značke uvedenej v predchádzajúcom kroku.
- ' className nehnuteľnosť a zápas() ” sa bude zhodovať pre uvedenú triedu vo svojom parametri oproti “ ' prvok.
- Predchádzajúce vyhlásenie v „ ak ” podmienka sa vykoná po splnení všetkých podmienok v predchádzajúcich krokoch.
- V opačnom prípade sa zobrazí druhý príkaz.
Výkon
Vyššie uvedený výstup naznačuje, že aplikovaná podmienka pre konkrétnu triedu je splnená.
Prístup 3: Skontrolujte, či má telo špecifickú triedu v JavaScripte pomocou jQuery
Tento prístup je možné implementovať na priamy prístup k požadovanému prvku a na vyhľadanie konkrétnej triedy proti nemu pomocou jeho metódy jednoducho.
Príklad
Poďme si prejsť nižšie uvedený príklad:
< centrum < telo trieda = 'obsahuje' >
< zástupný symbol textovej oblasti = 'Napíšte ľubovoľný text...' > textarea >
centrum > telo >
ak ( $ ( 'telo' ) . hasClass ( 'obsahuje' ) ) {
upozorniť ( 'Prvok tela má triedu' )
}
inak {
upozorniť ( 'Prvok tela nemá triedu' )
}
skript >
Vo vyššie uvedených riadkoch kódu:
- Zahrňte „ jQuery ” knižnice využívať jej funkcie.
- Podobne zahrňte aj „ prvok s uvedenou triedou.
- Pridajte tiež „