javascript 启用/禁用按钮disabled讲解

在 javascript 中，可以使用 `disabled` 属性来启用或禁用按钮。当 `disabled` 属性的值为 `true` 时，按钮将被禁用，用户将无法点击它；当 `disabled` 属性的值为 `false` 时，按钮将被启用，用户可以点击它。
以下是一些使用 JavaScript 启用/禁用按钮的示例：
1. 使用 `getElementById` 方法获取按钮的引用，然后通过设置 `disabled` 属性来禁用按钮：
```javascript
var button = document.getElementById('myButton'); // 获取按钮的引用
button.disabled = true; // 禁用按钮
```
2. 使用 `querySelector` 方法选择按钮，并设置 `disabled` 属性来禁用按钮：
```javascript
var button = document.querySelector('button'); // 选择按钮
button.disabled = true; // 禁用按钮
```
3. 通过添加/移除 `disabled` 属性来启用/禁用按钮：
```javascript
var button = document.getElementById('myButton'); // 获取按钮的引用
button.setAttribute('disabled', 'disabled'); // 禁用按钮
// 或者 button.disabled = true;
// 启用按钮
button.removeAttribute('disabled');
// 或者 button.disabled = false;
```
4. 在 html 中，可以使用 `onclick` 属性来调用 JavaScript 函数，并在函数中启用/禁用按钮：
```html
点击按钮

```
上述示例中的 `getElementById`、`querySelector`、`setAttribute` 和 `removeAttribute` 是 DOM（文档对象模型）的一部分，它们可以用于获取元素的引用、设置属性和移除属性。通过操作按钮的 `disabled` 属性，可以方便地启用或禁用按钮。