Обновить цвет тела iframe после загрузки

У меня есть страница page1.html, которая загружает page2.html через iframe. Мне нужно изменить цвет тела страницы iframe (page2.html), чтобы переопределить стиль CSS, загруженный на page2.html. (обе страницы находятся в одном домене). Как это можно обновить с помощью Javascript?

Ответов (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" ../>

Немного погуглите:

Создание сценариев IFrames

Он предлагает window.frames [iframeName] .document должен работать.