使用 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中文網其他相關文章!