如何定位另一个 iFrame 中的 iFrame 中的元素？

Posted 2023-05-09

【中文标题】如何定位另一个 iFrame 中的 iFrame 中的元素？

【英文标题】：How can I target an element that is in an iFrame within another iFrame?

【发布时间】：2021-08-22 20:29:37

【问题描述】：

我正在尝试定位另一个 iFrame 内的 iFrame 内的元素。有可能吗？

<iframe src="parent.html" id="parentFrame">

    <iframe src="child.html" id="childFrame">
        <!-- <div id="target-element"><div> -->
    </iframe>

</iframe>

【问题讨论】：

两个 iframe 的内容是否托管在同一个域中？如果是，请关注this answer

是的，同一个域。谢谢

【参考方案1】：

您可以使用此代码：

<iframe src="frame1.html"></iframe>

在frame1.html中你可以这样做：

<iframe src="frame2.html"></iframe>

然后在frame2.html中就可以放Div了：

<div class="target"><!-- content here --></div>

javascript 将如下所示： function getDiv() return document.querySelector('iframe').contentDocument.querySelector('iframe').contentDocument.querySelector('.target'); 然后使用getDiv()获取你想要获取的div。