IFrame contentDocument 属性

HTML DOM IFrame 对象

定义和用法

contentDocument 属性返回由 frame 或 iframe 元素生成的 Document 对象。

此属性可在宿主窗口中用于访问属于框架或 iframe 元素的 Document 对象。

注意：出于安全原因，只有当两个文档位于同一域中时，才能从另一个文档访问文档的内容。

实例

例子 1

关于如何更改 iframe 中包含的文档的背景颜色的跨浏览器实例：

var x = document.getElementById("myframe");
var y = (x.contentWindow || x.contentDocument);
if (y.document)y = y.document;
y.body.style.backgroundColor = "red";

亲自试一试

例子 2

如何访问 iframe 的文档以更改背景颜色的另一个例子：

var x = document.getElementById("myframe");
var y = x.contentDocument;
y.body.style.backgroundColor = "red";

亲自试一试

语法

iframeObject.contentDocument

技术细节

返回值： 对文档对象的引用。如果没有文档，则返回值为 null。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM IFrame 对象