В этой статье будет показан метод отключения кнопки HTML в JavaScript.
Как отключить кнопку HTML с помощью JavaScript?
Чтобы отключить кнопку HTML с помощью JavaScript, используйте « неполноценный » свойство элемента кнопки. Кнопка также отключается с помощью HTML-атрибута «отключено», но она будет отключена навсегда, и вы не сможете снова включить ее. При использовании JavaScript свойство «отключено» можно отключить и динамически активировать кнопку.
Синтаксис
Данный синтаксис используется для отключения кнопки:
кнопкаОбъект. неполноценный
Пример 1: отключить кнопку
Создайте кнопку в HTML-файле и назначьте идентификатор « кнопка ”, который поможет получить доступ к этой кнопке:
< идентификатор кнопки '=' 'кнопка' > Кнопка кнопка >
Получите кнопку HTML в файле JavaScript, используя назначенный им идентификатор с помощью « получитьэлемент по идентификатору() метод:
был кнопка '=' документ. получитьэлементбиид ( 'кнопка' ) ;
Установите свойство « неполноценный ' к ' истинный ”:
кнопка. неполноценный '=' истинный ;Как видите, кнопка в выводе отключена:
Пример 2: отключить кнопку в событии клика
Здесь мы отключим кнопку при нажатии на нее. Во-первых, получите ссылку на кнопку, используя назначенный ей идентификатор:
Позвоните в « добавить прослушиватель событий () ', присоединив ' нажмите », которое установит отключенное свойство « истинный ” при нажатии на кнопку:
кнопка. addEventListener ( 'щелкнуть' , функция ( ) {если ( кнопка. неполноценный ) {
кнопка. неполноценный '=' ЛОЖЬ ;
}
еще {
кнопка. неполноценный '=' истинный ;
}
} ) ;
Можно заметить, что при нажатии на кнопку она отключается:
Это все, что касается кнопки отключения в JavaScript.
Заключение
Чтобы отключить кнопку HTML в JavaScript, используйте « неполноценный » свойство элемента кнопки. Это помогает динамически включать или отключать кнопку, в то время как HTML-атрибут «отключено» навсегда отключает кнопку. В этой статье показан метод отключения кнопки HTML в JavaScript.