How to access parent iframe elements from a child javascript page?

Question

I have 2 pages-- Parent n child. In the parent page i have an iframe whose value i want to ftech in the javascript of child page. Is there any way?....Please suggest.

Answer 1

Hi.

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 2

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 3

Try giving a name to your iframe and acess the iframe like this

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

Answer 4

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;