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>