Easy Tutorial
❮ Prop Doc Cookie Jsref Valueof Number ❯

Frame/IFrame contentWindow Property


Definition and Usage

The contentWindow property returns the document object of the iframe as an HTML object.

The returned object can be manipulated using all standard DOM methods.

Syntax


Browser Support

All major browsers support the contentWindow property.


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>tutorialpro.org(tutorialpro.org)</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>

❮ Prop Doc Cookie Jsref Valueof Number ❯