以下是一些示例代码:
获取 <iframe> 元素的 contentDocument:
var myIframe = document.getElementById('myIframe');
var nestedDocument = myIframe.contentDocument;
使用 <iframe> 元素的 contentDocument 操作嵌套文档:
// 获取嵌套文档的标题
var nestedTitle = myIframe.contentDocument.title;
// 修改嵌套文档的标题
myIframe.contentDocument.title = 'New Title';
// 获取嵌套文档中元素
var nestedElement = myIframe.contentDocument.getElementById('nestedElementId');
这使你能够像操作主文档一样操作嵌套文档的 DOM。请注意,由于同源策略的限制,你只能访问具有相同源的嵌套文档。如果嵌套文档与主文档不同源,浏览器会限制对嵌套文档的访问。
值得注意的是,对于非标准的 <frame> 元素,也存在类似的 contentDocument 属性。但是,由于 <frame> 元素已被弃用,建议使用 <iframe> 元素。
转载请注明出处:http://www.zyzy.cn/article/detail/4478/HTML