IE firefox下获取iframe中的document内容

IE下:

  1.通过document.frames['frameId'].document访问:
    var frame = document.frames['frameId'];
    var innerDoc = frame.document;
  2.通过contentWindow.document访问:
    var frame = document.getElementById('frameId');
    var innerDoc = frame.contentWindow.document;
  这样innerDoc得到了iframe内的document,可以用innerDoc来执行各种操作。
  注意document.frames['frameId']获取到的frame对象与getElementById得到的对象有区别,不相等!

FF、chrome下:

  1.通过contentDocument访问:
    var frame = document.getElementById('frameId');
    var innerDoc = frame.contentDocument;
  2.通过contentWindow.document访问:
    var frame = document.getElementById('frameId');
    var innerDoc = frame.contentWindow.document;

兼容方式:

  由上可见,为了兼容我们摒弃document.frames方式,兼容写法:
  var frame = document.getElementById('frameId');
  var innerDoc = frame.contentDocument || frame.contentWindow.document;

posted on 2013-06-05 11:25  qinxike  阅读(627)  评论(0编辑  收藏  举报

导航