在特定类型的所有元素上查找和删除属性

Question

I'm trying to write a script that will search an entire page and remove the attribute disabled from all objects of type button . What is the best method to accomplish this? Looking for plain JS solutions.

For example I would like to turn this:

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

into:

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

This script will be executed after the page loads.

Answer 1

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

应该管用。

Answer 2

You can do that in vanilla JavaScript without any library. Use getElementsByTagName() to get all elements of a given tag, and then iterate through them and use removeAttribute() to remove a given attribute. Here is a demo:

 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> 

Answer 3

You can use this if you need to use values/attributes for individual buttons

$('button').each(function(){
    $(this).prop('disabled', false);
});

OR

You can simply use this

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

Answer 4

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