首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从iframe内容中获取父元素的属性值

从iframe内容中获取父元素的属性值
EN

Stack Overflow用户
提问于 2013-03-12 18:32:35
回答 3查看 10.8K关注 0票数 3

如果我在iframe内容中运行脚本,有没有办法获得属性data-media的值?

代码如下所示:

代码语言:javascript
运行
复制
<div id="myDiv">
    <iframe data-create-resource-url="http://my.domain.url" 
       data-media="Song" 
       frameborder="0" 
       height="41" 
       src="https://different.domain.url" width="366">
     </iframe>
</div>

我已经尝试了很多方法,比如window.parent.documenttop.documentwindow.parent和其他可用的解决方案,但似乎都不起作用。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-03-12 18:49:35

嗯,你并不真的需要访问家长。当您在iframe中运行脚本时。iframe目前是你的脚本在iframe中的窗口。因此,访问窗口元素应该会得到上述attr。试试这个(未测试):

代码语言:javascript
运行
复制
alert($(window).attr('data-media'));
票数 5
EN

Stack Overflow用户

发布于 2013-03-12 18:41:49

你试过这个吗:

代码语言:javascript
运行
复制
window.frameElement.getAttribute("data-media");
票数 3
EN

Stack Overflow用户

发布于 2017-09-29 16:34:28

首先,向您的iframe元素添加一个ID或类(如id='myframe')

然后,您可以使用jquery通过以下方式访问任何属性:

代码语言:javascript
运行
复制
var parent=window.parent.document.getElementById('#myframe');

现在只需获取您的属性(未测试):

代码语言:javascript
运行
复制
myAttr=$(parent).data("my-data-attribute") or
myAttr=$(parent).attr("myelement")
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15358799

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档