How to access item values nested within the DOM?
<p>Hoping someone can assist but I need to access a value within a form and an iframe from the parent form that is nested 3 and 4 levels deep.</p>

<p>Basically, the tree hierarchy (DOM) seems to be as follows:</p>

<pre><code>&lt;form name="formname" ....&gt;
   &lt;iframe id="refframe"&gt;
     &lt;form name="formname" ...&gt;              ==&gt; Level 3
       &lt;iframe id="iframe1"&gt;                 ==&gt; Level 4
</code></pre>

<p>Now I have a item value at Level 3 (say myValue), that I would like to access from the top level (parent - Level 1)</p>

<p>With javascript, how could I access this item "myValue" from the parent top level?</p>

<p>The same goes with accessing an item at Level 4, within the iframe id of iframe1</p>

<p>Any help/examples would be much appreciated.</p>

<p>Thanks.</p>

<p>Based on the above as I still am not sure how to access information but if I have the following HTML code:</p>

<pre><code>&lt;div class="tabs0"&gt;
</code></pre>

<p><code>&lt;iframe id="refframe" width="1210px" height="584px" frameborder="0" align="left"</code> </p>

<pre><code>overflow="auto" src="http://www.abc.com" home="" name="Site1"&gt;
&lt;/iframe&gt;

&lt;/div&gt;

&lt;div class="tabs1"&gt;
&lt;iframe id="refframe" width="1210px" height="584px" frameborder="0" align="left"  `overflow="auto" src="http://www.def.com" name="Site2"&gt;`
</code></pre>

<p>How can I access the src value within tabs1 class iframe from the parent window, i.e.</p>

<p>src="http://www.def.com"</p>

<p>Thanks again</p>
