删除禁用属性 Javascript

在开发中，我们可能会遇到需要删除一个 HTML 元素的禁用属性的情况。例如，当一个表单元素被禁用时，用户无法对其进行操作。但是，在某些情况下，我们需要将其重新启用。在本文中，我们将探讨如何使用 Javascript 删除禁用属性。

方式一：setAttribute

我们可以使用 setAttribute 方法将 disabled 属性从元素上删除。以下是代码示例：

const element = document.getElementById('my-element');
element.removeAttribute('disabled');

使用 getAttribute 可以检查元素是否还带有 disabled 属性。

if (element.getAttribute('disabled')) {
  // do something
}

方式二：直接访问属性

另一种简单的方法是直接访问元素的 disabled 属性并将其设置为 false。

const element = document.getElementById('my-element');
element.disabled = false;

注意事项

请注意，如果您使用了第一种方式并在 codepen 上进行测试，您可能会发现它无效。这是因为在 codepen 中，我们无法修改 HTML 中的属性，只有可以在 JS 中模拟它们。所以，如果你想在测试中使用第一种方法，请确保在 HTML 中添加一个 disabled 属性。

总结

本文中我们介绍了如何使用 Javascript 删除一个 HTML 元素的禁用属性。通过 setAttribute 和直接访问属性两种方法都可以实现。如果您在测试中遇到问题，请确保正确理解测试环境的限制。

参考资料

• MDN Web Docs - Removing disabled from a form control
• W3Schools - How to enable/disable an input element