contentDocument 属性是用于访问 <iframe> 元素和 <frame> 元素的一个属性,它返回表示嵌套文档的 Document 对象。通过 contentDocument 属性,你可以在 JavaScript 中操作嵌套文档的内容。

以下是一些示例代码:

获取 <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