Question

我有一个页面，page1.html通过iframe加载page2.html。我需要更改iframe页面的主体颜色（page2.html）以覆盖在page2.html上加载的CSS样式。（两个页面都在同一个域上）。如何通过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" ../>

加载后更新iframe正文颜色

2 个答案: