How to remove the disabled attribute from a button?

Question

JavaScript

Good day, tell me how to remove the disabled attribute in this case?

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

my attempts were unsuccessful:

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;

Answer 1

You are looking for multiple elements and not 1
Doesn't work because you can't apply ".disabled" to an array
document.querySelector('button').disabled = false

Answer 2

In general, the answer has been given to you, I will add that if you do not want to iterate over the array, then you can use jquery:

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

Most constructors/engines already have it built in.

Answer 3

Firstly - you initially gave incorrect data in the question, and despite the presence of the correct answer to it, you could not adapt it to the full code ...
Secondly - there is always the opportunity to check what is happening in your code, for example, what your selector will select, the magic of console .log() in action.
And thirdly - reading the documentation, which you are neglecting - document.querySelector() selects one first matching element, which in your example will be a completely different button.

if you can't think of anything...

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