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

使用 JavaScript 動態停用 HTML 按鈕

增強互動式網頁通常需要停用和啟用按鈕來控制功能。雖然直接將「disabled」新增至 HTML 標記可以有效地停用按鈕，但如何使用 JavaScript 動態實現這一點？

解決誤解

提供的程式碼片段說明能夠使用「」停用按鈕句法。然而，聲稱“此設定不是屬性”的說法是不準確的。

停用屬性的本質

停用屬性確實是 HTML 中的屬性。像「disabled」這樣的布林屬性可以在不明確指定值的情況下進行設置，如「」中所示，也可以使用值來設置，如「”中所示。

使用JavaScript 停用按鈕

要動態切換按鈕停用狀態，JavaScript 提供了幾個選項：

• DOM屬性：

  <code class="javascript">buttonElement.disabled = true; // Disable the button
  buttonElement.disabled = false; // Enable the button</code>

• setAttribute 方法：

  <code class="javascript">buttonElement.setAttribute("disabled", true); // Disable the button
  buttonElement.removeAttribute("disabled"); // Enable the button</code>

雖然DOM 屬性通常更可靠，但舊版的Internet Explorer 在使用setAttribute 時可能會出現錯誤。為了確保跨瀏覽器的兼容性，建議使用 DOM 屬性。

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