Javascript/jQuery - 如何从多个 iframe 中获取父元素

Javascript/jQuery - how do I get a parent element from within multiple iframes?

本文关键字：iframe 获取 元素 jQuery Javascript      更新时间：2023-09-26

我正在一个我无法控制的设置中工作：

父>Iframe->Iframe->My 文档

如何从文档中访问父级上的元素？

它们都位于同一域中，因此没有跨域问题。我可以直接使用JS或jQuery来做到这一点。

我一直在四处搜索，但没有找到任何有人试图通过多个 iframe 从底部访问顶部元素的例子！

解决方案，以防其他人遇到这种情况：

var p = $("#Viewport",window.top.document); 
alert(p.attr('name'));

只需使用 window.top ，例如：

console.log(top.document.getElementById('someInputId').value);

请注意，window隐式的，因此您可以将其关闭。当然，您必须将'someInputId'更改为首页上的输入 ID 以查看这是否有效。如果要针对不是输入的元素进行测试，请使用.innerHTML而不是.value。

我相信

你可以通过window.parent访问它，如下所示：

window.parent.document.getElementById('target-element');
相关文章：