如何正确判断HTML按钮的禁用状态？

嘿，这个坑我之前踩过！你遇到的问题核心是把布尔值和字符串搞混了。

问题原因 #

当你用document.getElementById('Btn').disabled = true设置按钮禁用时，这个disabled属性在JavaScript里是布尔类型（值为true或false），而你写的if (document.getElementById('Btn').disabled == "true")是在拿布尔值和字符串"true"做比较，两者类型不匹配，所以条件永远不会成立。

正确的解决方案 #

有两种简单可靠的写法：

1. 直接判断布尔值（推荐）
   因为布尔值true本身就会触发条件，false不会，直接写判断即可：

   // 先禁用按钮
   document.getElementById('Btn').disabled = true;
   
   // 正确判断禁用状态
   if (document.getElementById('Btn').disabled) {
     console.log("按钮处于禁用状态");
   } else {
     console.log("按钮处于启用状态");
   }
   

2. 严格相等比较布尔值
   如果想更明确，也可以用严格相等运算符===和布尔值true/false比较，避免隐式类型转换的潜在问题：

   if (document.getElementById('Btn').disabled === true) {
     // 按钮禁用时的逻辑
   }
   

额外说明 #

如果你是通过element.getAttribute('disabled')读取HTML属性，得到的会是字符串"disabled"（存在时）或null（不存在时），但这种方式不如直接访问element.disabled可靠——因为JS动态修改的状态不会同步到HTML属性里，直接访问DOM元素的disabled属性才是获取当前真实状态的正确方式。

内容的提问来源于stack exchange，提问作者sridhar