Dit artikel illustreert de methode om de HTML-knop in JavaScript uit te schakelen.
Hoe de HTML-knop uit te schakelen met JavaScript?
Om een HTML-knop met JavaScript uit te schakelen, gebruikt u de ' gehandicapt ” eigenschap van het knopelement. De knop is ook uitgeschakeld met het HTML-kenmerk 'disabled', maar wordt permanent uitgeschakeld en u kunt deze niet opnieuw inschakelen. Tijdens het gebruik van JavaScript kan de eigenschap 'disabled' worden uitgeschakeld en de knop dynamisch worden ingeschakeld.
Syntaxis
De gegeven syntaxis wordt gebruikt voor het uitschakelen van de knop:
knopObject. gehandicapt
Voorbeeld 1: schakel de knop uit
Maak een knop in een HTML-bestand en wijs een id toe ' knop ” dat zal helpen om toegang te krijgen tot deze knop:
< knop-id = 'knop' > Knop knop >
Haal de HTML-knop op in een JavaScript-bestand, met behulp van hun toegewezen id met behulp van ' getElementById() ” methode:
was knop = document. getElementById ( 'knop' ) ;
Stel de eigenschap in ' gehandicapt ' naar ' WAAR ”:
knop. gehandicapt = WAAR ;Zoals je kunt zien, is de knop in de uitvoer uitgeschakeld:
Voorbeeld 2: schakel de knop op de klikgebeurtenis uit
Hier zullen we de knop uitschakelen terwijl we erop klikken. Haal eerst de referentie van de knop op met behulp van de toegewezen id:
Bel de ' addEventListener() ' methode door de ' Klik ”gebeurtenis, die de uitgeschakelde eigenschap zal instellen “ WAAR ” terwijl u op de knop klikt:
knop. addEventListener ( 'Klik' , functie ( ) {als ( knop. gehandicapt ) {
knop. gehandicapt = vals ;
}
anders {
knop. gehandicapt = WAAR ;
}
} ) ;
Het kan worden waargenomen dat terwijl u op de knop klikt, deze wordt uitgeschakeld:
Dat ging allemaal over de uitschakelknop in JavaScript.
Conclusie
Om de HTML-knop in JavaScript uit te schakelen, gebruikt u de ' gehandicapt ” eigenschap van het knopelement. Het helpt om de knop dynamisch in of uit te schakelen, terwijl het HTML-kenmerk 'uitgeschakeld' de knop permanent uitschakelt. Dit artikel illustreerde de methode voor het uitschakelen van de HTML-knop in JavaScript.