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;