Отключенная кнопка с DOM, но я не могу включить ее и снова вернуть к видимости

Question

У меня есть кнопка в HTML, называемая btnS:

<button type="submit" id="btnS" class="hide" value="button">Send</button>

что я отключил с помощью dom через внешний скрипт dom:

btnS.setAttribute('disabled', 'false');

Я попытался снова включить его через:

btnS.setAttribute('enabled', 'true');

Но это не сработало? Сначала кнопка была невидимой с помощью правила CSS:

.hide {
    visibility : hidden;
}

И я тоже изменил это раньше:

btnS.setAttribute('class', 'show');     

Правило:

.show {     visibility:visible; }

Answer 1

Проблема в том, что disabled="false" на самом деле означает «отключить этот элемент»: любой атрибут disabled (даже пустой) означает «отключить элемент».

Вам необходимо удалить атрибут:

btnS.removeAttribute('hidden');

В качестве альтернативы Для получения лучших результатов используйте свойство DOM:

btnS.disabled = true;
btnS.disabled = false;

Answer 2

Есть только один атрибут:

var btnS = document.getElementById("btnS");

// Disable
btnS.setAttribute('disabled', 'disabled');

// Enable
btnS.removeAttribute('disabled');