Question

如果我在data-media内容中运行脚本，是否有办法获取属性iframe的值？

代码如下所示：

<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.document或top.document或window.parent以及其他可用的解决方案，但似乎无效。

Answer 1

嗯，你真的不需要访问父母。在iframe中运行脚本时。 iframe当前是iframe中脚本的窗口。因此，访问窗口元素应该为您提供所述attr。试试这个（未经测试）：

alert($(window).attr('data-media'));

Answer 2

你试过这个：

window.frameElement.getAttribute("data-media");

Answer 3

首先，为您的iframe元素添加ID或CLASS（例如id='myframe'）
然后，您可以使用jquery访问以下任何属性：

var parent=window.parent.document.getElementById('#myframe');

现在只需获取您的属性（未经测试）：

myAttr=$(parent).data("my-data-attribute") or
myAttr=$(parent).attr("myelement")

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

3 个答案: