同一页面的两个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");