在父窗口中访问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=function()
     {   
             if(this.readyState=="complete")   
            {
        	  document.frames("a_frame"). document.getElementById("b_div");
            }
    }