在div中輸出iframe的內容

我試圖在iframe的內容（使用google作爲示例頁面）的html body中填充id =「review」標記。而不是iframe的內容，它返回：[object HTMLDocument]。我究竟做錯了什麼？在div中輸出iframe的內容

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>

來源

2011-03-30 JMC

除非iframe在同一個域中，否則我認爲您無法訪問其內容。 – 2011-03-30 18:22:18

嘗試過'iframeWindow.body.innerHTML'？您的變量應該命名爲iframeDocument，因爲您正在檢索iframe的window.document而不是窗口本身。 – skarmats 2011-03-30 18:25:36

@Matt - 當我從同一個域中執行時，它返回「未定義」，所以我必須做錯事。我相信你是正確的，在這種情況下存在跨域限制。 – JMC 2011-03-30 18:31:13

我不認爲你可以這樣做;當我添加iframeWindow.innerHTML獲取內容時，我得到了拒絕權限的錯誤。問題是你正試圖訪問cross origin (domain) information。

來源

2011-03-30 18:23:14 daniellmb

在div中輸出iframe的內容

回答

相關問題