document.getelementbyid ne fonctionnait pas

Question

Je voulais cacher certaines choses en accédant à l'iframe en utilisant javascript, j'ai donc écrit cette fonction javascript.

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

J'ai alors appelé la fonction lorsque je charge le iframe (onload = javascript: changecss())

Tout semble fonctionner correctement dans IE, mais dans le travail Safari il does't. Toutes les idées pour lesquelles il se comporte de cette façon et comment je devrais y remédier.

Merci

Answer 1

Notez que les deux le cadre et l'emplacement du Javascript doit être lui-même sur le même domaine pour que cela fonctionne. Safari et IE peuvent gérer différemment si les deux sont du protocole de fichier, aussi.

Pour ceux qui ne sont pas dans le même aspect de domaine dans cross-domain communication with iframes et le potentiel HTML 5 solution, enveloppées bien avec des méthodes par les bibliothèques & de secours plugins tels que porthole, xssinterface, easyxdm, et d'autres.

Bien que Safari soit répertorié en tant que fenêtre de contenu, Chrome ne l'est pas. Pour une compatibilité entre navigateurs, utilisez une combinaison de contentWindow et de contentDocument pour vous assurer que vous utilisez une propriété prise en charge. Essayez donc:

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

Answer 2

Si l'iframe n'est pas dans le même domaine, vous n'êtes pas autorisé à le faire pour des raisons de sécurité.