Ovaj članak ukratko pokazuje što je metoda DOM elementa “click()” i kako je koristiti u HTML-u?
Što je DOM element “click()” metoda u HTML-u?
Kada se metoda click() pozove na HTML elementu, ona simulira korisnikov klik mišem na element, što zauzvrat pokreće sve priložene rukovatelje događajima. To programerima omogućuje izvođenje nekoliko interaktivnih radnji kao što su otvaranje poveznica, slanje obrazaca ili prebacivanje vidljivosti elemenata bez potrebe za fizičkim klikom miša. To pomaže u stvaranju interaktivnih i responzivnih web stranica.
Kako koristiti metodu “click()” DOM elementa u HTML-u?
Da bi koristili metodu click(), korisnici prvo moraju dobiti referencu na HTML element za simulaciju klika. To se može učiniti korištenjem bilo koje standardne DOM traverzalne metode ili metode upita, kao što je ' getElementById ”, “ getElementsByClassName ”, “ querySelector ', ili ' querySelectorAll ”.
Prođimo kroz primjer za bolje objašnjenje metode 'click()'.
Primjer: HTML potvrdni okvir i elementi radio gumba
Razmatran je primjer u kojem ' klik() ” metoda se koristi s HTML potvrdnim okvirom i elementima radio gumba. Slijedite donji kod:
< oblik >
< ulazni
tip = 'potvrdni okvir'
iskaznica = 'potvrdni okvir1'
prelazak mišem = 'forCheckbox()'
>
Pokreće Linuxhint
< ulazni
tip = 'radio'
iskaznica = 'Radio gumb'
prelazak mišem = 'zaRadio()'
>
Pokreće Linuxhint
< / oblik >
U gornjem isječku koda:
- Prvo se na web-stranici stvara potvrdni okvir pomoću oznake s vrstom postavljenom na “ potvrdni okvir ”.
- Nakon toga, slušatelj događaja ' prelazak mišem ” priključen je na potvrdni okvir i poziva „ za potvrdni okvir() ” funkcija.
- Na isti način, ' radio ' gumb se stvara pomoću '
” oznaku, a slušatelj događaja joj je pridružen. Ali ovaj put, ' za radio() ” Poziva se funkcija.
Nakon izrade HTML elementa na web stranici, sada je vrijeme da dodate ' klik() ” metoda:
< skripta >
funkcija za potvrdni okvir ( ) {
document.getElementById ( 'potvrdni okvir1' ) .klik ( ) ;
}
funkcija za radio ( ) {
document.getElementById ( 'Radio gumb' ) .klik ( ) ;
}
< / skripta >
U gornjem isječku koda:
- Prvo, definirajte dvije JavaScript funkcije, ' za potvrdni okvir() ' i ' za radio() ”.
- Ove funkcije koriste ' document.getElementById() ” za dobivanje referenci na HTML elemente na stranici s određenim ID-ovima “checkbox1” i “radioButton”.
- Za simulaciju klikanja na HTML element koristi se click() metoda. Ova funkcija uključuje ili isključuje stanje kada se pozove.
Nakon izvršenja gornjih isječaka koda, izlaz izgleda ovako:
Gornji gif ilustrira da se status potvrdnog okvira i radio gumba mijenja pomoću metode 'click()'.
Zaključak
Metoda click() posebno je korisna za upravljanje interakcijama korisnika s web stranicom putem JavaScripta.
Umjesto da se oslanjate na to da će korisnik fizički kliknuti element, upotrijebite metodu click() za programsku simulaciju klika. Koristan je za stvaranje interaktivnih dizajna lakih za korištenje. Ovaj je članak uspješno demonstrirao značenje metode “click()” DOM elementa u HTML-u.