javascript - 检查元素在 IFRAME 中是否可见

Question

这个问题已经有答案了:

How to access the content of an iframe with jQuery? (3 个回答)

Determine if an element in an iframe is visible on the screen (1 个回答)

已关闭 7 年前。

我有一个关于检查对象在 iframe 中是否可见的问题。这可能吗？因此，情况是我从 IFRAME 外部检查对象在 Iframe 内是否可见。

这与[此处]的解决方案( Determine if an element in an iframe is visible on the screen )的情况不同，因为我无法修改 IFRAME，因此我无法使用他们的解决方案

HTML 代码

<iframe src="http://www.w3schools.com">
  <p>Your browser does not support iframes.</p>
</iframe>

JS 代码

var check = $('.w3-container top').is(":visible"); 
alert(check);

警报将始终给出值“false”。

JSFIDDLE (在 Firefox 中观看，否则 iframe 将无法工作)

Answer 1

首先，您应该等到 iframe 通过 load 事件加载。但是，这样是行不通的，您与 www.w3schools.com 位于不同的域，因此您将无法访问子 iframe DOM 模型。