ロード後にiframeのボディカラーを更新する

Question

iframeでpage2.htmlを読み込むページpage1.htmlがあります。 page2.htmlに読み込まれたCSSスタイルを無効にするには、iframeページ（page2.html）のボディカラーを変更する必要があります。 （両方のページが同じドメインにあります）。どのようにJavascriptを介して更新することができますか？

Answer 1

これを上げるグーグルのビット：

Scripting IFrames

それはwindow.framesは[iframeName] .documentが動作するはず示唆しています。

Answer 2

両方のページが同じドメインに存在するので、簡単にする必要があります。

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