我使用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警报会显示更改。
答案 0 :(得分:0)
不是直接改变样式,而是直接设置“颜色”属性:
p.style.color = '#565656';