在父窗口中访问iframe中的元素

用一个简单的例子来描述该问题：

A.jsp页面中：

<iframe id="a_frame" src="B.jsp" frameborder="0" scrolling="no" >    

</iframe>  

B.jsp页面中：

<div id="b_div" >

    <table cellpadding="0" cellspacing="0" width="96%">

          <tr> <td align="left">指派班组负责人</td> </tr>

    </table>

</div>

 

现在需要在A页面中修改用iframe嵌入的B.jsp页面中的div的位置。

 

实现方法如下：

用document.frames("a_frame").document.getElementById("b_div")可以获得b_div元素，然后通过样式修改其位置就可以了。

 

注意：但存在一个问题，就是在a_frame页面未加载完成时，用上面的语句获得的值是null。所以要加入一行判断iframe已经完全加载的语句。document.frames("a_frame").onreadystatechange=functio() { if(this.readyState=="complete") { document.frames("a_frame"). document.getElementById("b_div"); } }