Tampermonkey脚本问题：无法在iframe内获取日志表格元素

让我们一步步排查并解决你的问题：

1. 先修复事件绑定的低级错误 #

你原来的代码里有个明显的问题：addEventListener("click",console.log("yeah")) 这行代码会立即执行console.log("yeah")，而不是在点击按钮时执行。因为addEventListener的第二个参数需要传入一个函数，而不是函数执行的结果。正确的写法应该是：

el[1].addEventListener("click", () => {
  console.log("yeah");
  // 后续逻辑写在这里
});

2. 核心问题：操作iframe内的元素 #

你提到日志内容都在iframe里，这才是脚本无效的关键——主页面的脚本默认只能操作主页面的DOM，无法直接访问iframe内的元素，除非你明确指向iframe的文档对象，并且满足同源策略（看起来你的网站和iframe是同一个域名，所以没问题）。

完整的修复脚本示例 #

我给你写了一个更可靠的版本，解决了元素等待、iframe访问的问题：

// @name Drivers Log Enhancer
// @match https://eldclient.trackingmap.eu/drivers*
// @grant none
// @require http://code.jquery.com/jquery-1.12.4.min.js
// ==/UserScript==

// 用MutationObserver代替setTimeout，更可靠地等待目标元素出现
function waitForElement(selector, callback) {
  const observer = new MutationObserver((mutations) => {
    const element = document.querySelector(selector);
    if (element) {
      observer.disconnect();
      callback(element);
    }
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });
}

// 等待"Go to the current log"按钮的图标出现
waitForElement('.fa.fa-file-text', (iconElement) => {
  // 找到按钮本身（假设图标嵌套在<button>标签里）
  const logButton = iconElement.closest('button');
  if (!logButton) return;

  // 绑定点击事件
  logButton.addEventListener('click', () => {
    console.log("Log button clicked!");
    
    // 等待iframe加载完成（需要根据实际页面调整iframe的选择器）
    const checkIframeInterval = setInterval(() => {
      // 替换成你页面中日志iframe的实际选择器，比如按id、src关键词筛选
      const logIframe = document.querySelector('iframe[src*="log"]');
      
      if (logIframe && logIframe.contentDocument.readyState === 'complete') {
        clearInterval(checkIframeInterval);
        
        // 现在可以访问iframe内的表格了！
        const logTableRows = logIframe.contentDocument.querySelectorAll("#app table.table-component tr");
        console.log("日志表格行数据：", logTableRows);
        
        // 这里可以添加你需要的额外功能，比如处理表格数据
      }
    }, 500);
  });
});

3. 关键优化点说明 #

• 替换setTimeout为MutationObserver：避免固定等待时间的不确定性（比如页面加载慢时5秒不够，加载快时又浪费时间），确保元素出现后再执行逻辑。
• 精准定位按钮：用closest('button')找到图标所在的按钮，比直接用el[1]更稳定（避免元素顺序变化导致索引失效）。
• 处理iframe加载：点击按钮后iframe需要时间加载内容，用setInterval检查iframe的加载状态，确保内容完全加载后再获取表格元素。

4. 额外注意事项 #

• 请根据你页面的实际情况调整iframe的选择器（比如iframe[src*="log"]），可以打开浏览器开发者工具查看iframe的id或src属性，替换成更精准的选择器。
• 如果点击按钮后是替换现有iframe的src而不是新建iframe，你也可以监听iframe的load事件，这样比轮询更高效：

  logIframe.addEventListener('load', () => {
    // 这里处理iframe内的表格
  });
  

内容的提问来源于stack exchange，提问作者袦邪褉泻 袚褨谢褞褌邪