Question

我有一个父HTML窗口和一个弹出窗口。当我点击弹出窗口内的按钮时，我想访问父窗口中的字段。

我试过这个，但弹出窗口无效：

top.document.getElementById('itemCounter').innerHTML = '1';

抛出以下异常：

Javascript selector - `top.document.getElementById('itemCounter')` returns null from popup screen but return object `top.document.getElementById('itemCounter')` from parent screen.

我使用window.open打开弹出窗口。

有人知道如何从pop中访问父窗口中的字段吗？

由于

Answer 1

您应该可以使用以下代码this.parent访问弹出窗口的父级。这应该返回父窗口对象。您可以进一步使用该对象进行更多操作。

Answer 2

top和parent仅适用于IFRAME弹出窗口。如果您使用window.open()打开一个全新的窗口，则需要使用opener来访问打开弹出窗口的页面。所以，试试：

opener.document.getElementById('itemCounter').innerHTML = '1';

Answer 3

你应该尝试：

alert(window.opener...);

使用window.opener.document.getElementById('id')之类的内容。我有时会用它来看看它是否是正确的父母。

Answer 4

尝试使用Opener对象而不是顶层对象的document.getElementById（）。

popupWinOpener.document.getElementById('itemCounter').innerHTML = '1';

Answer 5

我的问题已经解决。我用过 -

window.opener.top.document.getElementById（'id'）。innerHTML ='1';

我想在父窗口中访问iFrame中的对象。谢谢大家

Javascript选择器从弹出窗口中选择父窗口中的字段

5 个答案: