JavaScript を使用して HTML ボタンを動的に無効にする方法

JavaScript を使用した HTML ボタンの動的無効化

HTML ボタンの無効化とは、ボタンを物理的にクリックできなくすることを指します。従来は、これを属性として設定せずに、ボタンのタグに「disabled」を追加することで実現できました。ただし、このアプローチでは、JavaScript を使用してボタンを動的に無効にしようとすると課題が生じます。

属性設定と非属性設定

この問題を理解する鍵は次のとおりです。 「無効」設定の性質。聞いたことがあるかもしれませんが、「無効」は属性です。ただし、「無効」などのブール属性には固有の特性があります。

HTML および DOM のブール属性

ブール属性には、明示的な値のない名前のみが必要です。 HTML 4 では、完全な属性 ("disabled='disabled'") を指定することが推奨されていましたが、HTML 5 では、デフォルト値を省略するのが正しいです。

DOM (Document Object Model) 内の対応するプロパティ) は「disabled」という名前も付けられ、ブール値 (true または false) を受け入れます。

ボタンを動的に無効にする

JavaScript を使用してボタンを動的に無効にするには、次の構文:

buttonElement.disabled = true;

または、setAttribute メソッドとremoveAttribute メソッドを使用して「disabled」属性を操作することもできます。

buttonElement.setAttribute('disabled', true);
buttonElement.removeAttribute('disabled');

ただし、直接プロパティ設定 (buttonElement.disabled) を使用します。 )、特に Internet Explorer の古いバージョンでは、信頼性の点で優先されます。

以上がJavaScript を使用して HTML ボタンを動的に無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。