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

时间:2011-07-11 12:49:10

标签: javascript internet-explorer dom

我使用JavaScript修改页面上的某些样式,然后警告修改后的样式。在IE v7中,虽然警报消息显示已进行更改,但页面的可视呈现显示没有区别。但是相同的代码在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警报会显示更改。

1 个答案:

答案 0 :(得分:0)

不是直接改变样式,而是直接设置“颜色”属性:

  p.style.color = '#565656';