Я пытаюсь написать скрипт, который будет искать всю страницу и удалять атрибут disabled из всех объектов типа button. Каков наилучший метод для достижения этой цели? Ищете простые решения JS.

Например, я хотел бы включить это:

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

В:

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

Этот скрипт будет выполнен после загрузки страницы.

0
colindunn 1 Мар 2018 в 05:49

4 ответа

Лучший ответ
document.querySelectorAll('button').forEach(b=>b.removeAttribute('disabled'));

Должно сработать.

7
Randy Casburn 1 Мар 2018 в 02:59

Вы можете сделать это в обычном 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>
1
Racil Hilan 1 Мар 2018 в 03:00

Вы можете использовать это, если вам нужно использовать значения / атрибуты для отдельных кнопок

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

Или

Вы можете просто использовать это

$('button').prop('disabled', false);
0
Jeremiah Cabigting 1 Мар 2018 в 02:54

Если вы используете JQuery, вы можете сделать $('button[disabled]').removeAttr('disabled')

0
Jiby Jose 1 Мар 2018 в 02:54