Nazwa klasy nie ulega zmianie w IE 7, 8 i chromie

Próbuję zmienić nazwę klasy dwóch elementów podczas ładowania.

Oto mój kod dla tego samego:

    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');
        }

Blok else zajmuje się kodem, jeśli nie jest to IE, w mozilli działa to dobrze, nazwa klasy jest ustawiana.

Nie działa w IE7 i IE8

i

w chrome działa tylko wtedy, gdy ponownie załaduję stronę.

Każda pomoc zostanie doceniona.

questionAnswers(1)

yourAnswerToTheQuestion