我来帮你排查这个困扰你的问题——你遇到的按钮innerHTML在调试模式和控制台日志中显示不同的情况，通常是由这几个常见原因导致的，下面给你分析并提供解决方案：

可能的原因及对应解决办法 #

1. 空白字符干扰 #

按钮的实际innerHTML可能包含看不见的空格、换行符或者制表符，比如实际是 " OK " 或者 "\nOK\n"。浏览器控制台在显示DOM元素时，会自动忽略这些空白只展示可见文本，但调试模式（比如Elements面板）会显示完整的innerHTML内容，这就导致了判断失效。

解决方法：
使用trim()去除首尾空白，或者直接用jQuery的text()方法（它会自动过滤掉HTML标签和多余空白）：

// 方法1：给innerHTML加trim()
if (btn[0].innerHTML.trim() === "OK") { ... }

// 方法2：推荐用text()获取纯文本（更可靠）
if (btn.text().trim() === "OK") { ... }

2. 按钮内部嵌套HTML元素 #

如果目标按钮里有嵌套标签，比如 <button><span>OK</span></button>，此时innerHTML的值是 <span>OK</span>，但控制台日志会简化显示为"OK"，而调试模式会展示完整的HTML结构，这就导致你的判断条件永远不成立。

解决方法：
直接用btn.text()获取按钮的纯文本内容，它会自动提取所有子元素的文本并合并，完全不受嵌套标签影响：

if (btn.text().trim() === "OK") {
  console.log("找到目标按钮");
  btn.click();
}

3. 控制台的显示优化 #

浏览器控制台对DOM元素的展示做了优化，默认只显示可见文本，但实际innerHTML包含完整的HTML内容。调试模式下的Elements面板会展示真实的innerHTML值，这就造成了视觉上的不一致。

验证方法：
在控制台打印innerHTML的原始值，用JSON.stringify()包裹可以清晰看到所有字符（包括空白和标签）：

console.log('原始innerHTML:', JSON.stringify(btn[0].innerHTML));

修改后的完整代码示例 #

jQuery('button[type="button"][class="btn btn-primary"]').each(function () {
  var btn = jQuery(this);
  // 打印原始内容用于排查
  console.log('按钮原始innerHTML:', JSON.stringify(btn[0].innerHTML));
  console.log('按钮纯文本:', btn.text().trim());
  
  // 推荐用text() + trim()进行判断
  if (btn.text().trim() === "OK") {
    console.log("触发目标按钮点击");
    btn.click();
  }
});

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