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均來自文件協議，則它們的處理方式也可能不同。

對於不在同一域中的應用程序，請查看與iframe和潛在HTML 5解決方案的跨域通信，並通過庫和插件（如porthole ， xssinterface ， easyxdm等）的后備方法很好地包裝了它們 。

雖然Safari被列為支持內容的Window，但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不在同一個域中，則出於安全原因，您不允許這樣做。