Output contents of iframe in a div

Question

I'm trying to populate the id="review" tag in the html body with the contents of the iframe (using google as an example page). Instead of the contents of the iframe it returns this: [object HTMLDocument] . What am I doing wrong?

function googleReview()
{
    var iframeWindow = document.getElementById('google_window').contentDocument;
    document.getElementById("review").innerHTML=iframeWindow;
}

</script>
</head>
<body>
<iframe width="300px" height="80px" frameborder="0" scrolling="yes" name="google_window" id="google_window" src="http://google.com"></iframe>

<p id="review">Review Area</p>

<button type="button" onclick="googleReview()">Change Review</button>

Answer 1

I don't think you can do that; when I add iframeWindow.innerHTML to get the contents I get a permission denied error. The issue is you're trying to access cross origin (domain) information .

Output contents of iframe in a div

Question

1 answers

solution1
1 ACCPTED 2011-03-30 18:23:14

Output contents of iframe in a div

Question

1 answers

solution1 1 ACCPTED 2011-03-30 18:23:14

solution1
1 ACCPTED 2011-03-30 18:23:14