港服(Server.HK)JAVA script和HTML DOM参考手册:HTML DOM Frame/IFrame contentDocument 属性

Frame/IFrame 对象 定义和用法 contentDocument 属性以 HTML 对象返回框架容纳的文档。 …

Frame/IFrame 对象


定义和用法

contentDocument 属性以 HTML 对象返回框架容纳的文档。

可以通过所有标准的 DOM 方法来处理被返回的对象。

注意:由于安全原因,文档的内容只能通过同一个域名下的另外一个文档访问。

语法

frameObject.contentDocument

或者

iframeObject.contentDocument

浏览器支持

所有主要浏览器都支持 contentDocument 属性

注意:如果指定了 !DOCTYPE, Internet Explorer 8 及更高版本支持 contentDocument 属性,其他IE版本请使用 contentWindow 属性。


实例

实例

通过浏览器实例展示了如何在修改iframe中文档的背景颜色:

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>IDC.NET在线教程(IDC.NET)</title>

<script>

function changeStyle(){

    var x=document.getElementById(“myframe”);

    var y=(x.contentWindow || x.contentDocument);

    if (y.document)y=y.document;

    y.body.style.backgroundColor=”#0000ff”;

}

</script>

</head>

<body>

    

<iframe id=”myframe” src=”demo_iframe.htm”>

<p>你的浏览器不支持iframes。</p>

</iframe>

<br><br>

<input type=”button” onclick=”changeStyle()” value=”修改背景颜色”>

</body>

</html>

尝试一下 »


Frame/IFrame 对象

为您推荐

设置ECharts直角坐标系的y轴

yAxis yAxis 是对 ECharts 图表中直角坐标系 grid 中的 y 轴进行配置,通常并默认为数值型。一般...

parallel坐标轴组件的使用

ECharts 中设置 parallel 坐标轴的方法有两种,分别是使用 parallel 坐标轴组件(parallel...

指定与取消ECharts数据图形高亮

ECharts 中支持的图表行为,通过 dispatchAction 触发。 注: 代码中...

ECharts图例组件配置项

legend 图例组件。 图例组件展现了不同系列的标记(symbol),颜色和名字。可以通过点击图例控制哪些系列不显示。...

ECharts工具栏组件的icon样式

toolbox.iconStyle   |   Object ECharts 工具栏组件中...
返回顶部