js同域或跨子域读写操作 iframe 里的内容

1.父页面读写操作子页面:

<script>

//获取iframe的window对象

//var win = window.top.document.getElementById("iframeId").contentWindow;

//通过获取到的window对象操作HTML元素，这和普通页面一样

//var tId = win.document.getElementById("tableId");

/** 下面两种获取节点内容的方式都可以。

* 由于 IE6, IE7 不支持 contentDocument 属性，所以此处用了通用的

*window.frames[index] 支持火狐和ie

* window.frames["iframe Name"] or window.frames[index]

*/

var win = window.frames[0].document;

alert(win.getElementsByTagName('td')[0].innerHTML);

</script>

2.子页面读写操作父页面：

<script>

parent.document.getElementsByTagName('h1')[0].innerHTML = 'pp';

alert(parent.document.getElementsByTagName('h1')[0].firstChild.data);

</script>