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