Aktualisieren iframe Körperfarbe nach dem Laden

Question

Ich habe eine Seite, page1.html, die page2.html über einen iframe lädt. Ich muss die Körperfarbe der Iframe-Seite (page2.html) ändern, um den CSS-Stil zu überschreiben, der auf page2.html geladen ist. (beide Seiten sind auf derselben Domain). Wie kann das über Javascript aktualisiert werden?

Answer 1

Ein bisschen dieses aufdrehen googeln:

Scripting IFrames

Er schlägt vor, window.frames [iframeName] .document funktionieren soll.

Answer 2

Da beide Seiten auf der gleichen Domain leben, sollte es einfach sein.

die Sie interessieren,

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" ../>