Как удалить атрибут disabled у button?

Question

[Fozzy777]

Доброго времени суток, подскажите как удалить атрибут disabled в данном случае?

<button c-userssnpincheck_userssnpincheck="" title="Continue" disabled="" class="slds-button slds-button_stretch slds-col slds-button_brand">Continue</button>

мои попытки не увенчались успехом:

document.getElementsByTagName('button')[0].removeAttribute('disabled');

document.getElementsByTagName("slds-button slds-button_stretch slds-col slds-button_brand").removeAttribute('disabled');

document.getElementsByClassName("slds-button slds-button_stretch slds-col slds-button_brand").removeAttribute('disabled');

document.getElementsByClassName("slds-button slds-button_stretch slds-col slds-button_brand").disabled = false;

Comments

[Fozzy777]

Мой пример

Вот, пытался, не получается(

[MirKey]

Используйте console.log( document.querySelector('button') );
И откройте консоль в браузере.
Чтобы понять что то, что выбирается в селекторе, это не тот элемент что вам нужен.
Значит нужно в селектор добавить доп условия:

console.log( document.querySelector('button') );
var disabledbutton = document.querySelector('button[title="Continue"]');
disabledbutton.disabled = false;

Хорошая статья по селекторам https://learn.javascript.ru/css-selectors

Answer 1

[Алексей Дубровин]

Вы ищете несколько элементов а не 1
Не работает тк как вы не можете применить к масиву ".disabled"
document.querySelector('button').disabled = false

Answer 2

[MirKey]

В целом ответ вам дан, добавлю что если вы не хотите делать перебор массива, то можете воспользоваться jquery:

$("button .slds-button") .prop( "disabled", false );

В большинстве конструкторов/движков он уже встроен.

Answer 3

[ThunderCat]

Во первых - вы изначально дали неверные данные в вопросе, и несмотря на наличие верного ответа на него не смогли адаптировать его к полному коду...
Во вторых - всегда есть возможность проверить что происходит в вашем коде, например что выберет ваш селектор, магия console.log() в действии.
Ну и в третьих - чтение документации, которым вы пренебрегаете - document.querySelector() выбирает один первый подходящий элемент, которым в вашем примере будет совсем другая кнопка.

если сами не смогли ничего придумать...

document.querySelector('[title="Continue"]') будет более правильным селектором в данном случае