从iFrame访问标签到其父级

时间:2015-04-17 10:49:28

标签: javascript jquery iframe

我已经看到了一些这样的示例帖子,但我似乎有点难以理解为什么它们都不起作用。

这是我想要实现的目标的堆栈视图:

<html>
    <head>...</head>
    <body>
    <div>Some stuff, images, text</div>
    <div><audio id="audio"><source> src="me.mp3" /></audio></div>
    <div>Some stuff, images, text</div>
    <div>
        <iframe src="file.html">
          #document
            <html>
                <head>...</head>
                <body>
                    <div><button id="stopPlay">Stop Play</button></div>
                </body>
            </html>
        </iframe>
    </div>
    <div>Some stuff, images, text</div>                

    </body>
</html>

有人建议,要访问音频标签,您可以使用以下内容:

window.parent.document.getElementById('audio');

即使两个文件位于同一台服务器上,也会出现原始错误。所以我再次按照建议document.domain = "me@me.com"添加并将其放在iframe和parent中。但仍然给我一个与DOM有关的错误。

当我想要上升,然后向下搜索以找到元素时,如果其他建议适用于其他人,我将如何进行此操作?

1 个答案:

答案 0 :(得分:1)

我能够重现此错误的唯一方法是使用本地文件系统时,您似乎正在尝试从本地文件系统访问您的html文件。

file://c:/wamp/www/foo.htm - 这是我能找到重现这一点的唯一方法,这是一个已知的chrome错误。在某些regrd中也有意义,因为没有domain,因此原点是null