Mise à jour de la couleur du corps iframe après chargement

Question

J'ai une page, page1.html qui charge page2.html via un iframe. J'ai besoin de changer la couleur du corps de la page iframe (page2.html) pour remplacer le style CSS qui est chargé sur page2.html. (les deux pages sont sur le même domaine). Comment cela peut-il être mis à jour via Javascript?

Answer 1

Un peu de googler tourner cette:

Scripting IFrames

Il suggère window.frames [iframeName] .Document devraient fonctionner.

Answer 2

Comme les deux pages résident sur le même domaine, cela devrait être facile.

Essayez ceci,

var changeIFrameBodyColor = function() 
{ 
    var iFrame = document.getElementById('iFrame'); 
    var iFrameBody; 
    if (iFrame.contentDocument) 
    { // DOM 
    var iFrameBody = iFrame.contentDocument.getElementdByTagName('body')[0]; 
    } 
    else if (iFrame.contentWindow) 
    { // IE 
    var iFrameBody = iFrame.contentWindow.document.getElementdByTagName('body')[0]; 
    } 
    iFrameBody.style.color = '#ff0000'; 
} 
<a href="javascript:;" onclick="changeIFrameBodyColor()">Change Color</a> 
<iframe id="iFrame" src="page2.html" ../>