已禁用具有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

只有一个属性：

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

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

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

Answer 2

问题是disabled="false"实际上意味着“禁用此元素”：任何disabled属性（即使是空属性）也意味着“禁用了元素”。

您需要删除该属性：

btnS.removeAttribute('hidden');

或者为了获得更好的结果，请使用DOM属性：

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