Šiame straipsnyje bus parodytas būdas išjungti HTML mygtuką „JavaScript“.
Kaip išjungti HTML mygtuką naudojant „JavaScript“?
Norėdami išjungti HTML mygtuką naudodami „JavaScript“, naudokite „ neįgalus “ mygtuko elemento savybė. Mygtukas taip pat išjungtas naudojant HTML atributą „išjungtas“, tačiau jis bus išjungtas visam laikui ir jūs negalėsite jo vėl įjungti. Naudojant JavaScript, ypatybę „išjungta“ galima išjungti ir dinamiškai įjungti mygtuką.
Sintaksė
Nurodyta sintaksė naudojama mygtukui išjungti:
mygtukasObjektas. neįgalus
1 pavyzdys: išjunkite mygtuką
Sukurkite mygtuką HTML faile ir priskirkite ID ' mygtuką “, kuris padės pasiekti šį mygtuką:
< mygtuko ID = 'mygtukas' > Mygtukas mygtuką >
Gaukite HTML mygtuką „JavaScript“ faile naudodami jiems priskirtą ID naudodami „ getElementById() “ metodas:
buvo mygtuką = dokumentas. getElementById ( 'mygtukas' ) ;
Nustatyti nuosavybę “ neįgalus 'į' tiesa “:
mygtuką. neįgalus = tiesa ;Kaip matote, mygtukas išvestyje buvo išjungtas:
2 pavyzdys: Išjunkite mygtuką paspaudimo įvykyje
Čia mes išjungsime mygtuką spustelėdami jį. Pirmiausia gaukite mygtuko nuorodą naudodami jam priskirtą ID:
Skambinti „ addEventListener() “ metodą, pridedant „ spustelėkite “ įvykis, kuris nustatys išjungtą nuosavybę “ tiesa “, kai spustelėsite mygtuką:
mygtuką. addEventListener ( 'spausti' , funkcija ( ) {jeigu ( mygtuką. neįgalus ) {
mygtuką. neįgalus = klaidinga ;
}
Kitas {
mygtuką. neįgalus = tiesa ;
}
} ) ;
Galima pastebėti, kad spustelėjus mygtuką jis išjungiamas:
Tai buvo viskas apie „JavaScript“ išjungimo mygtuką.
Išvada
Norėdami išjungti HTML mygtuką „JavaScript“, naudokite „ neįgalus “ mygtuko elemento savybė. Tai padeda dinamiškai įjungti arba išjungti mygtuką, o HTML atributas „išjungtas“ visam laikui išjungia mygtuką. Šis straipsnis iliustruoja HTML mygtuko išjungimo „JavaScript“ metodą.