使用 JavaScript 访问 iFrame 内容

Question

我有一个网站，

abc.com,

，我在其中加载来自发布商的 iframe，比方说

hello.com

。 hello.com 的内容加载到 iframe 中，我想使用 JS 提取该 iframe 的内容。是否可以？至少可以用JS获取截图吗？

hello.com 上的 CORS 不允许任何其他网站访问内容。我的假设是，当内容在 iframe 中加载到客户端时，我们可以使用 JS 做一些事情吗？

Answer 1

您可以将 iframe 包裹在带有 id 的 div 容器周围，并按以下方式访问子 iframe 的元素：

        const tvIframe = document.getElementById('id_of_the_wrapper_div').firstElementChild;
        if(tvIframe){
            const tvIframeWindow = tvIframe.contentDocument;
            const currentTVElement = tvIframeWindow.getElementsByClassName("class_of_element_to_access");
         }