Get value of a text box in iframe from parent window

Question

I have an iframe in my page and how can i get a the value of t text box in the frame from my parent page on a button click?

here is my code

<div>
<iframe src="test.html" >
<input type=text id="parent_text">
<input type="button">
</div>

here is d test.html

<input type="text" id="frame_text">

thanks

Answer 1

Something like this:

var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
var input = innerDoc.getElementById('frame_text');

First you get the the iframe. Then you get the first valid dom document from inside the iframe.

And finaly get the input box.