Frame/IFrame contentWindowProperty
Frame/IFrame Object
Definition and Usage
The contentWindow property can return the document in an iframe as an HTML object.
The returned object can be manipulated using all standard DOM methods.
Syntax
frameObject.contentWindow
Or
iframeObject.contentWindow
Or
iframeObject.contentWindow
Browser Support
All major browsers support the contentWindow property.
Example
Example
The following example demonstrates how to change the background color of the document contained in an iframe:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example(example.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>Your browser does not support iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="Change background color">
</body>
</html>
Try it yourself »
Frame/IFrame Object Other Extensions