document.getelementbyid不工作

Question

我想通過訪問使用JavaScript的iframe來隱藏一些東西，所以我寫了這個javascript函數。

function changeCSS(){ 
frame = document.getElementById('frame1'); 
frame.contentWindow.document.getElementById('GlobalTitleAreaImage').style.display='none'; 
} 

我然後調用的函數，當我加載IFRAME（的onload = JavaScript的：changecss（））

一切似乎都在IE瀏覽器工作正常，但在Safari但這並沒有工作。任何想法，爲什麼它是這樣的行爲，以及我應該如何解決這個問題。

感謝

Answer 1

注意這兩個框架和JavaScript本身的位置必須在這個工作相同的域。如果兩者都來自文件協議，則Safari和IE可能會以不同的方式處理它。

對於那些不屬於同一個域中的外觀進cross-domain communication with iframes和電位HTML 5溶液，通過庫與回退的方法很好地包裹&插件，如porthole，xssinterface，easyxdm，以及其他。

雖然Safari被列爲支持內容窗口，但Chrome不支持。對於跨瀏覽器兼容性，請使用contentWindow和contentDocument的組合以確保您擊中受支持的屬性。因此，請嘗試：

function changeCSS(){ 
    var frame = document.getElementById('frame1'); 
    var content = frame.contentWindow || frame.contentDocument; 
    content.document.getElementById('GlobalTitleAreaImage').style.display='none'; 
} 

Answer 2

如果iframe不在同一個域中，那麼出於安全原因您不允許這樣做。