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>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭