Šajā rakstā tiks parādīta metode, kā atspējot HTML pogu JavaScript.
Kā atspējot HTML pogu, izmantojot JavaScript?
Lai atspējotu HTML pogu, izmantojot JavaScript, izmantojiet ' invalīds ” pogas elementa īpašība. Poga ir atspējota arī, izmantojot HTML atribūtu “disabled”, taču tā tiks neatgriezeniski atspējota, un jūs to nevarēsit atkārtoti iespējot. Izmantojot JavaScript, rekvizītu “atspējots” var atspējot un dinamiski iespējot pogu.
Sintakse
Dotā sintakse tiek izmantota pogas atspējošanai:
pogaObject. invalīds
1. piemērs: atspējojiet pogu
Izveidojiet pogu HTML failā un piešķiriet ID ' pogu ”, kas palīdzēs piekļūt šai pogai:
< pogas id = 'poga' > Poga pogu >
Ienesiet HTML pogu JavaScript failā, izmantojot piešķirto ID, izmantojot “ getElementById() ” metode:
bija pogu = dokumentu. getElementById ( 'poga' ) ;
Iestatiet īpašumu ' invalīds 'uz' taisnība ”:
pogu. invalīds = taisnība ;Kā redzat, izvades poga ir atspējota:
2. piemērs: atspējojiet pogu Klikšķa notikumā
Šeit mēs atspējosim pogu, noklikšķinot uz tās. Vispirms iegūstiet pogas atsauci, izmantojot tai piešķirto ID:
Zvaniet uz ' addEventListener() ' metodi, pievienojot ' klikšķis 'notikums, kas iestatīs invalīdu īpašumu' taisnība ”, noklikšķinot uz pogas:
pogu. addEventListener ( 'klikšķis' , funkciju ( ) {ja ( pogu. invalīds ) {
pogu. invalīds = viltus ;
}
cits {
pogu. invalīds = taisnība ;
}
} ) ;
Var novērot, ka, noklikšķinot uz pogas, tā tiek atspējota:
Tas viss bija par JavaScript atspējošanas pogu.
Secinājums
Lai atspējotu HTML pogu JavaScript, izmantojiet ' invalīds ” pogas elementa īpašība. Tas palīdz dinamiski iespējot vai atspējot pogu, kamēr HTML atribūts “disabled” neatgriezeniski atspējo pogu. Šis raksts ilustrē metodi HTML pogas atspējošanai JavaScript.