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

【问题标题】：How can I target an element that is in an iFrame within another iFrame?如何定位另一个 iFrame 中的 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
是的，同一个域。谢谢

标签： javascript html jquery iframe

【解决方案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。

【讨论】：