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

Question

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

Answer 1

Немного погуглив, включите это:

Фреймы сценариев

Предполагается, что 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" ../>