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

Question

У меня есть страница, page1.html, которая загружает page2.html через iframe. Мне нужно изменить цвет тела страницы iframe (page2.html), чтобы переопределить стиль CSS, загруженный на странице2.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" ../>