JavaScript DOM IFrame 对象 contentDocument 属性

• 

  IFrame 对象 contentDocument 属性

  contentDocument属性返回由frame或iframe元素生成的Document对象。可以在主机窗口中使用此属性来访问属于frame或iframe元素的Document对象。

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

  关于如何更改iframe中包含的文档的背景颜色的crossbrowser示例：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  contentDocument	支持	支持	支持	支持	支持

• 

  语法

  返回contentDocument属性：

  IFrameObject.contentDocument
• 

  技术细节

  项目	描述
  返回值	对文档对象的引用。如果没有文档，则返回的值为null

• 

  更多例子

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

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

  尝试一下