javascript - 类名在 IE 7、8 和 chrome 中未更改

Question

我试图在加载期间更改两个元素的类名。

这是我的代码:

    var browserName=navigator.appName;
    var tfElem = document.getElementById("TTlExpct");
    var blTfElem = document.getElementById("BTLExpct");
    if (browserName=="Microsoft Internet Explorer")
    {
        tfElem.className ="pn-tf";
        blTfElem.className ="pn-tf active";
        }
    else
    {
        tfElem.setAttribute('class', 'pn-tf');
        blTfElem.setAttribute('class', 'pn-tf active');
        }

如果不是 IE，则 else block 会处理代码，在 mozilla 中，这工作正常，类名已设置。

它在 IE7 和 IE8 中不起作用

和

在 Chrome 中，仅当我再次重新加载页面时它才有效。

任何帮助将不胜感激。

Answer 1

旧版本 IE 中 setAttribute 的实现存在错误。在较新版本的 IE 中，如果您不使用触发标准模式的 Doctype，则可能会模拟该错误。

替换:

foo.setAttribute('class', value);

与:

foo.className = value;

在任何地方都这样做。不要尝试进行浏览器检测。所有支持 setAttribute('class', value) 的浏览器也支持 foo.className = value。

您问题中的代码应重写为:

var tfElem = document.getElementById("TTlExpct");
var blTfElem = document.getElementById("BTLExpct");
tfElem.className ="pn-tf";
blTfElem.className ="pn-tf active";