如何使用 jquery 访问不同域中 iframe 内的 div 元素

Posted

技术标签:

【中文标题】如何使用 jquery 访问不同域中 iframe 内的 div 元素【英文标题】:How to access a div element inside a iframe in a different domain using jquery 【发布时间】:2019-12-25 07:43:25 【问题描述】:

我想访问 iframe 中的 div 元素。此 iframe 从不同的域加载。

下面的代码我试过了:

$('iframe').contents().find(".questions").width()

【问题讨论】:

只要两个域都没有启用CORS,你就不能。 你对 width() 有什么期望?你可以试试 hide() 或类似的东西吗? jQuery/javascript: accessing contents of an iframe的可能重复 @empiric 我已经在 vue 前端加载了这个 iframe,并将基于 jquery 的域加载到这个 iframe 中。当我使用上面的代码时,我无法获取元素的宽度。 @kmgt 不。我想计算这个 div 的宽度。我只想获取元素宽度的任何方式 【参考方案1】:

是否有多个.questions 类?

要了解第一个,试试这个:

$('iframe').contents().find(".questions:first").width();

【讨论】:

如果这行得通,那么你必须遍历这一行来获取所有.questions 分区的宽度。

以上是关于如何使用 jquery 访问不同域中 iframe 内的 div 元素的主要内容,如果未能解决你的问题,请参考以下文章

获取不同域中的iframe父名称[重复]

如何在跨域中获取 iframe contentWindow 高度

如何使用 jquery 访问 iFrame 父页面?

如何使用 jQuery 访问 iframe 的内容?

如何使用 Javascript 从 iframe 实现跨域 URL 访问?

完成所有 jquery ajax 请求后如何调整 iframe 的大小