Javascript 加载后更新iframe主体颜色

我有一个页面，page1.html，它通过iframe加载page2.html。我需要更改iframe页面（page2.html）的主体颜色，以覆盖加载在page2.html上的CSS样式。

---

（两个页面位于同一个域上）。如何通过Javascript更新这些内容？

谷歌搜索一下：

---

它建议window.frames[iframeName]。文档应该可以工作。

因为两个页面位于同一个域中，所以应该很容易

试试这个

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

var changeIFrameBodyColor=function（）
{
var iFrame=document.getElementById（'iFrame'）；
变异体；
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'；
}

将该getElementsByTagName设置为