使用 JavaScript 删除disabled属性

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

这是本文中示例的 HTML。

index.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 代码。

index.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方法。

index.js

const btn = document.getElementById('btn');// ✅ Remove disabled attribute from button
btn.removeAttribute('disabled');// ✅ Add disabled attribute to button
btn.setAttribute('disabled', '');

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

设置布尔属性时，例如disabled，最好将它们设置为空值。这就是为什么我们在示例中传递了一个空字符串作为值。

该disabled属性可以设置为任何值，只要它存在于元素上，它就可以完成工作。

请注意，您应该只removeAttribute()在 DOM 元素上调用该方法。如果需要disabled从元素集合中删除属性，则必须遍历集合并调用每个单独元素的方法。

这是下一个示例的 HTML。

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>

这是相关的 JavaScript 代码。

index.js

const buttons = document.querySelectorAll('.btn');for (const button of buttons) {// ✅ Remove disabled attribute from buttonbutton.removeAttribute('disabled');
}

我们使用该document.querySelectorAll方法选择所有具有类的元素btn。

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

使用 JavaScript 删除disabled属性相关推荐

如何使用JavaScript删除CSS属性？
In this article, we'll see how we can remove a CSS property from a certain element using JavaScript? ...
使用JavaScript删除CSS属性
如何使用JavaScript删除CSS属性?下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法,希望对大家有所帮助. 方法一:使用removeProperty()方法 remove ...
如何使用jQuery删除“disabled”属性？
本文翻译自:How to remove "disabled" attribute using jQuery? I have to disable inputs at first a ...
html title属性无效_【学习教程】使用JavaScript删除CSS属性
方法1:使用CSS removeProperty:该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性.通过遍历styleSheets数组并 ...
JavaScript删除元素属性
没删除前执行了如下删除属性方法 $('#ename').removeAttr('readonly') 删除后已经成功被删除掉属性 readonly 了
javaScript删除对象属性总结方法
一.删除js中对象中属性 1.使用delete运算符例: 1) 使用点属性访问器删除: delete object.property; 在属性访问器上应用delete运算符时,运算符会从对象中删除相 ...
vue/javascript删除对象属性
示例 let o = {name:'zhangsan' } delete o.nameconsole.log(o) //{}
html控件无法使用的属性值,用 Enabled 和 disabled 属性禁用 HTML 控件后，取值结果...
ASP.NET 中,对于服务器端控件,可以用 ASP.NET 代码用 Enabled 属性将其禁用,也可以用 JavaScript 的 disabled 属性将其禁用,那么这两种方法有没有什么区别呢? ...
input button 中的disabled属性
input button 中的disabled属性 disabled我以为它是true时就是禁用,false是可以点击的,disabled＝'disabled'是禁用的确最后一个是对的,但是只要有 ...

使用 JavaScript 删除disabled属性

使用 JavaScript 删除disabled属性相关推荐

最新文章

热门文章