如何使用 JavaScript 動態停用 HTML 按鈕？

使用 JavaScript 動態停用 HTML 按鈕

停用 HTML 按鈕是指使其物理上不可點擊。傳統上，這可以透過將“disabled”附加到按鈕的標籤來實現，而不將其設為屬性。然而，當嘗試使用 JavaScript 動態停用按鈕時，這種方法會帶來挑戰。

屬性與非屬性設定

理解這個問題的關鍵在於「停用」設定的性質。與您可能聽到的相反，“殘疾人”是一個屬性。但是，布林屬性（例如“disabled”）具有獨特的特徵。

HTML 和 DOM 中的布林屬性

布林屬性只需要名稱，而無需明確值。在 HTML 4 中，建議指定完整屬性（「disabled='disabled'」），但在 HTML 5 中，省略預設值是正確的。

DOM（文檔物件模型）中的對應屬性) 也被命名為「disabled」並接受布林值（true 或 false）。

動態停用按鈕

要使用JavaScript 動態停用按鈕，您可以使用下列語法：

buttonElement.disabled = true;

或者，您可以使用setAttribute 和removeAttribute 方法來操作「disabled」屬性：

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

但是，使用直接屬性設定(buttonElement.disabled ) 出於可靠性考慮，尤其是在較舊版本的Internet Explorer 中。

以上是如何使用 JavaScript 動態停用 HTML 按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！