页面上的Javascript修改未反映在IE中

页面上的Javascript修改未反映在IE中,javascript,internet-explorer,dom,Javascript,Internet Explorer,Dom,我使用JavaScript修改页面上的一些样式,然后警告修改后的样式。在IEV7中,虽然警报消息显示已进行了更改,但页面的视觉呈现没有显示任何差异。但是,相同的代码在FF中工作良好。原因可能是什么?我注意到的另一件事是,当我使用开发人员工具栏的脚本控制台时,我能够得到预期的结果,但当我将js放入脚本标记时,我就不能得到预期的结果 样本代码- function change() { var text=document.getElementsByTagName("h2");

我使用JavaScript修改页面上的一些样式,然后警告修改后的样式。在IEV7中,虽然警报消息显示已进行了更改,但页面的视觉呈现没有显示任何差异。但是,相同的代码在FF中工作良好。原因可能是什么?我注意到的另一件事是,当我使用开发人员工具栏的脚本控制台时,我能够得到预期的结果,但当我将js放入脚本标记时,我就不能得到预期的结果

样本代码-

function change()    
{  
  var text=document.getElementsByTagName("h2");  
  var i=0;  
  var p=text[0];  
  while(p)    
  {  
    alert(p.style.cssText);   
    p.style.cssText="color:#565656;";    
    p.innerHTML="Changed";    
    alert(p.parentNode.innerHTML);    
    i++;    
    p=text[i];    
  }    
}   

这只是简单地放在一个脚本标记中,然后放在主体中进行测试。对innerHTML或样式所做的更改不会反映在IE浏览器窗口中,尽管稍后的JavaScript警报显示了更改

直接设置颜色属性,而不是以这种方式更改样式:

  p.style.color = '#565656';

我只是举个例子。不只是颜色不起作用。无论如何,我能够发现错误是因为我试图在加载dom之前进行更改,因此它不能正常工作。