如何使用JavaScript禁用HTML按钮？

Question

我了解到，您可以仅通过将HTML按钮附加disable到其标签来禁用（使其实际上不可点击），但不能将其作为属性，如下所示：

<input type="button" name=myButton value="disable" disabled>

由于此设置不是属性，因此如何通过JavaScript动态添加此设置以禁用以前启用的按钮？

Answer 1

由于此设置不是属性

这是一个属性。

一些属性定义为布尔值，这意味着您可以指定它们的值，而忽略其他所有内容。即，您只包括粗体部分，而不是disabled =“ disabled
”。在HTML 4中，您应仅包括粗体部分，因为完整版被标记为功能受支持的功能（尽管与编写规范时相比，现在情况不那么正确了）。

从HTML 5开始，规则已更改，现在您仅包括名称，而不包括值。由于名称和值相同，因此没有实际区别。

该DOM属性也被称为disabled并且是采用布尔true或false。

foo.disabled = true;

从理论上讲，您也可以foo.setAttribute('disabled', 'disabled');和foo.removeAttribute("disabled")，但是我不相信Internet
Explorer的较早版本（就臭名昭著的Bug而言setAttribute）。