如何用JavaScript获取页面中iframe的innerHTML？现有代码无效

• 先修正选择器语法错误：你写的选择器嵌套了多余双引号，正确写法是'body > iframe'，原代码里的'"body > iframe"'会导致选择器无效。
• 核心问题：iframe的内容属于独立文档环境，不能直接通过父页面元素对象获取innerHTML，必须访问iframe的内部文档：

  // 获取目标iframe元素
  const iframe = document.querySelector('body > iframe');
  if (iframe) {
    // 访问iframe内部文档（兼容不同浏览器写法）
    const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
    // 获取iframe内部body的innerHTML，若要整个文档则用iframeDoc.documentElement.innerHTML
    const iframeInnerHtml = iframeDoc.body.innerHTML;
    console.log(iframeInnerHtml);
  }
  

• 注意跨域限制：如果iframe指向的TikTok页面和你的脚本运行页面域名不同，浏览器同源策略会阻止你访问iframe内部文档，这种情况下前端无法直接获取内容，除非对方页面配置了允许跨域的CORS规则，或者你能控制iframe的来源。

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