使用 JavaScript 删除“禁用”属性

使用 JavaScript 移除“disabled”属性

Remove the “disabled” Attribute using JavaScript

要删除disabled属性，请选择元素并调用其
removeAttribute()上的方法，将其disabled作为参数传递，例如
btn.removeAttribute('disabled'). 该removeAttribute方法将从元素中删除
disabled属性。

以下是本文示例的 HTML。

索引.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <button disabled id="btn">Button</button>

    <script src="index.js"></script>
  </body>
</html>

这是相关的 JavaScript 代码。

索引.js


const btn = document.getElementById('btn');

// ✅ Remove disabled attribute from button
btn.removeAttribute('disabled');

// ✅ Add disabled attribute to button
// btn.setAttribute('disabled', '');

我们选择了button使用document.getElementById()方法。

然后我们使用
removeAttribute
方法从元素中删除该disabled属性。

该方法将要删除的属性作为参数。

如果该属性在元素上不存在，该方法不会抛出错误，它会忽略调用。 removeAttribute()

设置布尔属性的值时，例如disabled，我们可以为该属性指定任何值，它会起作用。

如果该属性完全存在，则无论值如何，其值都被认为是true。

如果布尔属性（例如disabled）不存在，则该属性的值被认为是false。

如果需要添加属性，可以使用setAttribute方法。

索引.js


const btn = document.getElementById('btn');

// ✅ Remove disabled attribute from button
btn.removeAttribute('disabled');

// ✅ Add disabled attribute to button
btn.setAttribute('disabled', '');

该方法将属性名称作为第一个参数，将应分配给属性的值作为第二个参数。

When setting boolean attributes, such as disabled, it’s a best practice to set
them to an empty value. That’s why we passed an empty string as the value in the
example.

The disabled attribute can be set to any value and as long as it is present on the element, it does the job.

Note that you should only call the removeAttribute() method on DOM elements.
If you need to remove the disabled attribute from a collection of elements,
you have to iterate over the collection and call the method on each individual
element.

Here is the HTML for the next example.

index.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>

  <body>
    <button disabled class="btn">Button</button>
    <button disabled class="btn">Button</button>
    <button disabled class="btn">Button</button>

    <script src="index.js"></script>
  </body>
</html>

And here is the related JavaScript code.

index.js


const buttons = document.querySelectorAll('.btn');

for (const button of buttons) {
  // ✅ Remove disabled attribute from button
  button.removeAttribute('disabled');
}

We used the document.querySelectorAll method to select all elements with a
class of btn.

我们使用for...of循环遍历集合并
disabled从每个元素中删除属性。

–