2013-10-26 68 views
0

我想隱藏一個div這是一個iframe中,有沒有辦法通過它的屬性隱藏一個div如何隱藏iframe中的div?

例子:我有一個iframe中,我需要隱藏php.net

<iframe src="http://php.net/" id = 'iframe'> 
     <div id="content">...</div> 
</iframe> 
div id="content"內容

不知道我在哪裏做的錯誤,請幫我解決這個問題

function hideIt(){ 
    document.getElementById('iframe').contentWindow.document.getElementById('content').style.display = 'none'; 
} 
+1

您的功能是正確的,但只有在iframe中的文檔與其父文件位於同一個域中時,它才能正常工作。 – Kaf

回答

0

你實際上是試圖用http://php.net/做到這一點?正如Corinne Kubler所指出的那樣,因爲安全原因(除非您的內容實際上託管在php.net上),您將無法這麼做,因爲它違反了同源策略。如果你打開你的網頁瀏覽器的調試器/開發者工具(嘗試使用F12或者使用菜單),你可以檢查控制檯並試試這個 - 它可能會說「權限被拒絕」或者某些東西(IE9給出「訪問被拒絕」 )。