唯一推荐的 js 控制方式是直接赋值布尔值 button.disabled = true/false;禁用时设为 true,启用时设为 false 或 removeattribute;避免使用字符串赋值或 setattribute,且需确保 dom 加载完成后再操作。

button.disabled = true/false 是唯一推荐的 JS 控制方式
直接赋值布尔值,不是字符串,也不是 removeAttribute。写 btn.disabled = "false" 或 btn.setAttribute("disabled", "false") 会让按钮持续禁用——因为只要 disabled 属性存在于 DOM 中(哪怕值是 "false"),浏览器就认为它被禁用了。
正确做法只有两种,效果等价,但前者更简洁安全:
-
btn.disabled = true→ 禁用 -
btn.disabled = false→ 启用 -
btn.removeAttribute("disabled")→ 可行,但多一步 DOM 操作,不必要
别碰 btn.setAttribute("disabled", "") 这类写法,语义不清,易出错。
DOM 加载完成前操作会报 Cannot set property 'disabled' of null
如果脚本在 <button></button> 标签之前执行,document.getElementById() 返回 null,后续赋值直接崩溃。
稳妥解法只有两个:
- 把
<script></script>放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











