IE6/7和类名(JS/HTML)

我正在尝试使用javascript更改元素的类。 到目前为止,我正在做:

var link = document.getElementById("play_link");
link.className = "play_button";

编辑 :这是替换类名的实际代码

在HTML中:

<a href="#play_link_<%=i%>" id="play_link_<%=i%>"onclick="changeCurrentTo(<%=i%>);return false;" class="play_button"></a>

在javascript中 函数changecurrentto(id){ 激活播放按钮(当前曲目); 当前轨道=id; 停用播放按钮(当前曲目); }

function inactivatePlayButton(id){
    document.getElementById("recording_"+id).style.backgroundColor="#F7F2D1";
    var link = document.getElementById("play_link_"+id);
    link.className="stop_button";
    link.onclick = function(){stopPlaying();return false;};
}

function activatePlayButton(id){
    document.getElementById("recording_"+id).style.backgroundColor="";
    var link = document.getElementById("play_link_"+id);
    link.className = "play_button";
    var temp = id;
    link.onclick = function(){changeCurrentTo(temp);return false;};
}

具有

.play_button{
    background:url(/images/small_play_button.png) no-repeat;
    width:25px;
    height:24px;
    display:block;
}

老班是

.stop_button{
    background:url(/images/small_stop_button.png) no-repeat;
    width:25px;
    height:24px;
    display:block;
}

背景是一个音乐播放器。当您单击播放按钮(三角形)时,它将变为停止按钮(方形),并替换调用的函数。

问题是类被改变了,但是在IE6和IE7中,新的背景(这里/images/small-play-button.png)不会立即显示。有时它甚至根本不显示。有时它不会显示,但如果我稍微摇动鼠标,它就会显示出来。

它在FF、Chrome、Opera和Safari中都能很好地工作,所以它是一个IE bug。我知道很难马上就从这些信息中分辨出来,但如果我能得到一些有帮助的提示和方向。

谢谢-