如何从子 javascript 页面访问父 iframe 元素？

Question

I have 2 pages: Parent and child.

In the parent page I have an iframe whose value I want to fetch in the JavaScript of child page. Is there any way?....Please suggest.

Answer 1

Actually only the frameElement variable is needed.

from inside child document:

 var iframe = frameElement;

and you're done.

Answer 2

Assuming that your page and frame structure is as follows

parent (contains iframe)
   |--> child page (attempts to access iframe in parent)

and that

1. the src of the iframe and other pages is the same
2. the name of the iframe is 'iFrame',

you can access an element named 'iFrameElement' in the iframe using the following JavaScript statement from the child:

parent.frames['iFrame'].document.getElementById('iFrameElement').value;

or simply the following from the parent containing the iframe

frames['iFrame'].document.getElementById('iFrameElement').value;

Since the frame name is indeterminate at runtime, you could revert to using the frame number in the window.frames array, as follows (from the child)

//assuming frames[0] refers to the iframe
parent.window.frames[0].document.getElementById('iFrameElement').value;

or from the parent

//assuming frames[0] refers to the iframe
window.frames[0].document.getElementById('iFrameElement').value;

Answer 3

Use

parent.getElementById('elementId').value;

to get the element. If you have multiple nested iframes, you can get the root parent by using

top.getElementById('elementId').value;

Either will work in your case.

Answer 4

You can use

window.parent.getElementById('YOUR ID').value();

to get the value from the input element with the id "YOUR ID" from the parent.

Answer 5

尝试为您的 iframe 命名并像这样访问 iframe

window.parent.<iframe_name>.document.getElementById()

Answer 6

您可以通过以下方式从 iframe 内部获取父文档中的 iframe 元素：

var iframe = parent.document.getElementById(window.frameElement.id);