如何从jQuery访问DOM的顶层？

Question

试图解决这个问题......我试图从iframe中访问dom的顶层。这有多可能？

Answer 1

从框架内部，您始终可以使用window.top来达到最高级别。你可以检查一下，如果你是在一个框架使用：

var iAmInAFrame = (window.top == window.self); 

您应该能够使用window.top.document.whatever（如身体，的getElementById（）等）来操纵顶层文件，前提是您共享域。

Answer 2

要在iframe的内部DOM中使用选择器和jQuery函数，可以使用Traversing/contents函数。

$("iframe").contents().find("body").append("I'm in an iframe!"); 

Answer 3

您可以将window.parent.document添加到您的调用中以获得父级。

例如

$('body', window.parent.document).append("this is coming from my iframe"); 

编辑：由于在iframe下面的评论指出，必须从同一个域中父母或浏览器的安全限制会阻止这种送达。