同一页面的两个Iframe获取数据

首先页面:

<td  style="width: 50%" valign="top">
    <iframe name="xxx"
        id="xxx" frameborder="0"
        src="xxxxxxx" 
        style="margin: 0 auto; width: 100%; height: 100%;">
  </
iframe> </td> <td style="width: 50%" valign="top"> <iframe name="treeFrame" id="treeFrame" frameborder="0" src="xxxxxx" style="margin: 0 auto; width: 100%; height: 100%;">
  </
iframe> </td>

此时左侧的IFrame想要获取到右侧的Iframe中的数据:

var x = window.parent.document.getElementById("treeFrame");  
var right = (x.contentWindow || x.contentDocument);  
if(right.document){  
  right = right.document;  
} 

window.parent为父窗口。

注意使用 contentWindow 和 contentDocument 属性。

此时 right 就可以看做是 右侧Iframe的 document对象了。

即:通过right对象来 获取右侧iframe的数据。

如:

var obj = right.getElementsByTagName("input");  

首先页面:

 

[html] view plain copy
 
  1. <td  style="width: 50%" valign="top">  
  2.     <iframe name="xxx"  
  3.         id="xxx" frameborder="0"  
  4.         src="xxxxxxx"   
  5.         style="margin: 0 auto; width: 100%; height: 100%;"></iframe>  
  6. </td>  
  7. <td  style="width: 50%" valign="top">  
  8.     <iframe name="treeFrame"  
  9.         id="treeFrame" frameborder="0"  
  10.         src="xxxxxx"   
  11.         style="margin: 0 auto; width: 100%; height: 100%;"></iframe>  
  12. </td>   

 

 

此时左侧的IFrame想要获取到右侧的Iframe中的数据:

 

[html] view plain copy
 
  1. var x = window.parent.document.getElementById("treeFrame");  
  2. var right = (x.contentWindow || x.contentDocument);  
  3.       if(right.document){  
  4.       right = right.document;  
  5.   }z  

 

 

window.parent为父窗口。

注意使用 contentWindow 和 contentDocument 属性。

 

此时 right 就可以看做是 右侧Iframe的 document对象了。

即:通过right对象来 获取右侧iframe的数据。

如:

 

[html] view plain copy
 
  1. var obj = right.getElementsByTagName("input");  
posted @ 2017-08-25 10:34  岁月淡忘了谁  阅读(1465)  评论(0编辑  收藏  举报