查找并删除特定类型的所有元素的属性

时间:2018-03-01 02:49:58

标签: javascript

我试图编写一个脚本来搜索整个页面,并从disabled类型的所有对象中删除属性button。完成此任务的最佳方法是什么?寻找简单的JS解决方案。

例如我想转此:

<button disabled class="foo">My button</button>

成:

<button class="foo">My button</button>

此脚本将在页面加载后执行。

4 个答案:

答案 0 :(得分:6)

document.querySelectorAll('button').forEach(b=>b.removeAttribute('disabled'));

应该有用。

答案 1 :(得分:1)

你可以在没有任何库的vanilla JavaScript中做到这一点。使用getElementsByTagName()获取给定标记的所有元素,然后遍历它们并使用removeAttribute()删除给定的属性。这是一个演示:

var b = document.getElementsByTagName("button");

for (var i = 0; i < b.length; i++) {
  b[i].removeAttribute("disabled");
}
<button disabled class="foo">My 1st button</button>
<button disabled class="foo">My 2nd button</button>
<button disabled class="foo">My 3rd button</button>

答案 2 :(得分:0)

如果您需要为各个按钮使用值/属性

,则可以使用此选项
$('button').each(function(){
    $(this).prop('disabled', false);
});

OR

你可以简单地使用这个

$('button').prop('disabled', false);

答案 3 :(得分:0)

如果您使用的是JQuery,可以执行$('button[disabled]').removeAttr('disabled')