See artikkel näitab lühidalt, mis on DOM-i elemendi 'click()' meetod ja kuidas seda HTML-is kasutada?
Mis on DOM-i elemendi 'click()' meetod HTML-is?
Kui HTML-elemendil kutsutakse meetodit click(), simuleerib see kasutajat, kes klõpsab elemendil hiirega, mis omakorda käivitab kõik lisatud sündmuste töötlejad. See võimaldab arendajatel teha mitmeid interaktiivseid toiminguid, näiteks avada linke, esitada vorme või muuta elementide nähtavust, ilma et oleks vaja füüsilist hiireklõpsu. See aitab luua interaktiivseid ja tundlikke veebilehti.
Kuidas kasutada HTML-is DOM-i elemendi 'click()' meetodit?
Click() meetodi kasutamiseks peavad kasutajad esmalt hankima viite HTML-elemendile, et simuleerida klõpsamist. Seda saab teha mis tahes standardse DOM-i läbimise või päringumeetodi abil, näiteks ' getElementById ”, „ getElementsByClassName ”, „ querySelector ”, või „ querySelectorAll ”.
Vaatame näidet meetodi „click()” paremaks selgitamiseks.
Näide: HTML-i märkeruut ja raadionupu elemendid
Vaadeldakse näidet, kus ' kliki () ” meetodit kasutatakse HTML-i märkeruudu ja raadionupu elementidega. Järgige allolevat koodi:
< vormi >
< sisend
tüüp = 'märkeruut'
id = 'märkeruut1'
hiirega üle = 'forCheckbox()'
>
Toetab Linuxhint
< sisend
tüüp = 'raadio'
id = 'Raadio nupp'
hiirega üle = 'Raadio() jaoks'
>
Toetab Linuxhint
< / vormi >
Ülaltoodud koodilõigul:
- Esiteks luuakse veebilehel märkeruut, kasutades märgendit , mille tüübiks on määratud ' märkeruut ”.
- Pärast seda ürituse kuulaja “ hiirega üle ' on lisatud märkeruudule ja kutsub esile ' forCheckbox() ” funktsioon.
- Samal viisil on ' raadio ' nupp luuakse kasutades '
” silti ja sündmusekuulaja on sellele kinnitatud. Kuid seekord ' raadio() jaoks ” funktsiooni käivitatakse.
Pärast veebilehel HTML-elemendi loomist on nüüd aeg lisada ' kliki () ” meetod:
< stsenaarium >
funktsioon Checkbox ( ) {
document.getElementById ( 'märkeruut1' ) .klõpsake ( ) ;
}
funktsioon raadio jaoks ( ) {
document.getElementById ( 'Raadio nupp' ) .klõpsake ( ) ;
}
< / stsenaarium >
Ülaltoodud koodilõigul:
- Esmalt määrake kaks JavaScripti funktsiooni ' forCheckbox() ” ja „ raadio() jaoks ”.
- Need funktsioonid kasutavad ' document.getElementById() ” meetod, et saada viiteid lehel olevatele HTML-elementidele konkreetsete ID-dega „checkbox1” ja „radioButton”.
- HTML-elemendil klõpsamise simuleerimiseks kasutatakse meetodit click(). See funktsioon lülitab väljakutsumisel oleku sisse või välja.
Pärast ülaltoodud koodilõikude täitmist näeb väljund välja järgmine:
Ülaltoodud gif illustreerib, et märkeruudu ja raadionupu olek muutub 'click()' meetodi abil.
Järeldus
Meetod click() on eriti kasulik selleks, et käsitleda kasutajate suhtlust veebilehega JavaScripti kaudu.
Selle asemel, et loota sellele, et kasutaja elemendil füüsiliselt klõpsab, kasutage klikisündmuse programmiliseks simuleerimiseks meetodit click(). See on kasulik interaktiivsete ja kasutajasõbralike kujunduste loomiseks. See artikkel on edukalt demonstreerinud DOM-i elemendi 'click()' meetodi tähendust HTML-is.