在特定站点通过ID访问隐藏文本字段失效，是什么原因？

问题根因分析 #

1. 轮询逻辑本身失效，没有按预期每6秒执行 #

你当前的脚本存在2个致命错误导致轮询根本没有正常触发：

• 严格模式下arguments.callee被禁用：现代浏览器在ES5及之后的严格模式中禁止使用arguments.callee，调用会直接抛出报错，setTimeout的回调根本无法执行，你的脚本实际上只在DOM首次加载完成时执行了1次，没有后续的轮询逻辑。
• 立即执行函数+$(document).ready的写法错误：你给$(document).ready()的回调函数外层加了()变成立即执行，相当于在DOM还没完成加载时就提前执行了逻辑，首次执行时大概率DOM还没渲染出目标元素。

你原来的错误写法和正确写法对比：

// 你的错误写法：回调函数被立即执行，不会等DOM ready
$(document).ready(function() {
  // 逻辑
})();

// 正确的ready写法：去掉最后的()，等DOM加载完成再执行回调
$(document).ready(function() {
  // 逻辑
});

额外说明：DOM查询（包括getElementById）和元素的可见性无关，只要元素存在于当前DOM树中，哪怕是display:none隐藏状态也能正常查询到，你不需要等元素可见才执行检测。

2. 元素不在当前顶层DOM上下文 #

如果修复轮询逻辑后还是拿不到元素，排查以下场景：

• 元素位于iframe内：document.getElementById只能获取当前上下文的DOM元素，如果目标字段在页面内嵌的iframe中，需要先获取iframe的contentDocument再查询元素。
• 元素位于Shadow DOM中：如果页面用了Web Components的Shadow DOM封装，常规的DOM查询方法无法穿透Shadow边界，需要先拿到Shadow Root节点再执行查询。
• 存在重复ID：页面中存在多个id="field_7"的元素，getElementById只会返回第一个匹配的元素，如果你要找的是后面生成的元素就会获取失败。

修复后的代码示例 #

// 用命名函数实现轮询，避开arguments.callee的兼容性问题
function checkElements() {
  const a = document.getElementById("field_7");
  const b = document.getElementById("postbox-container-1");
  console.log(a ? "field_7 exists" : "field_7 does not exist");
  console.log(b ? "postbox-container-1 exists" : "postbox-container-1 does not exist");
  // 6秒后再次调用自身，实现轮询
  setTimeout(checkElements, 6000);
}

// 等DOM完全加载后再启动首次检查
$(document).ready(function() {
  checkElements();
});

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