HTML DOM 프레임 / IFrame을 contentDocument 속성
정의 및 사용
contentDocument 속성은 HTML 반환 된 객체 프레임 워크 문서를 수용합니다.
처리 할 수있는 개체는 모든 표준 DOM 메소드에 의해 반환됩니다.
주 : 보안상의 이유로 인해, 문서의 내용은 동일한 도메인 이름으로 다른 문서에 액세스 할 수있다.
문법
frameObject.contentDocument
或者
iframeObject.contentDocument
或者
iframeObject.contentDocument
브라우저 지원
모든 주요 브라우저는 contentDocument 속성을 지원
!참고 : DOCTYPE, 인터넷 익스플로러 8을 지정하고 나중에 contentDocument 속성을 지원, IE의 다른 버전을 사용하는 경우 contentWindow의 속성을.
예
예
브라우저의 예는 iframe이 문서의 배경색을 변경하는 방법을 보여줍니다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</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>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</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>
»시도
프레임 / IFrame을 객체