TamperMonkey脚本中getElementById无法获取Google Cookie同意按钮元素

• 日常使用Google搜索时，习惯关闭标签页即清理Cookie，也不计划登录Google账号，因此每次打开Google页面都会弹出Cookie政策同意弹窗
• 希望通过TamperMonkey脚本实现自动点击弹窗的同意按钮，省去每次手动确认的操作

已知同意按钮的DOM为id是introAgreeButton的div元素，结构示例如下：

<div role="button" id="introAgreeButton">[...]</div>

先后尝试了三种常见的DOM获取方案，均无法正常拿到目标元素：

1. 直接在脚本里执行document.getElementById('introAgreeButton')，返回值始终为null
2. 怀疑是元素加载时序问题，将获取逻辑放到window.onload回调中执行

   window.onload = function() {
     var x = document.getElementById('introAgreeButton')
     console.log(x)
   }
   

   控制台输出依然为null
3. 编写递归轮询逻辑，持续检测直到元素存在：

   function loop() {
     var x = document.getElementById('introAgreeButton')
     if (x) {
       console.log('success')
     } else {
       loop()
     }
   }
   

   控制台持续输出多个null，始终无法检测到目标元素
   以上问题可在测试地址https://www.google.com/search?hl=en&q=test稳定复现。

• 首先，introAgreeButton这个元素并不在主页面的DOM结构中，而是嵌套在Google同意弹窗对应的iframe内部。主文档下的document.getElementById方法只能检索当前文档域下的节点，跨不到iframe的执行上下文里查找元素，因此无论等多久、写多少轮询逻辑，在主文档里查找这个id的元素永远会返回null。
• 其次，之前写的递归轮询是同步无延迟执行的，没有让出JS主线程，不仅会快速耗尽调用栈触发页面报错，还会阻碍iframe的正常加载，进一步拉长检测到元素的时间。

• 遍历页面上所有同域可访问的iframe，拿到每个iframe对应的contentDocument对象，在每个iframe的文档上下文里检索introAgreeButton元素，而不是只在主文档里查找
• 修正检测逻辑：不要用无延迟的无限递归，改用定时检测的方式（比如每300ms检测一次），检测到目标元素后自动触发点击行为，同时设置最大检测时长（比如10秒），超时就自动停止检测，避免占用过多页面资源
• 在TamperMonkey的脚本设置中，开启“允许注入到iframe”的选项，确保脚本的执行范围覆盖嵌套的iframe上下文，不会只在主文档注入执行

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