javascript - 单击鼠标更改(切换)html 按钮的图像(在 Internet Explorer 中)

Question

我有一个带图像的 HTML 按钮，每次点击都会切换图像。这是我用来在每次点击时设置类别并根据当前类别显示图像的方法。

function FullScreenToggle(el){
    if(el.className!="ns")
    {
        el.className="ns";
    }
    else if(el.className=="ns")
    {
        el.className="fs";
    }
    
return false;

}

这在 chrome 和 Firefox 上工作正常，这里的问题是这在 IE 上不起作用，甚至按钮也没有出现，如果有人能给我提示让我在 IE 上工作，这真的很有帮助，在此先感谢。

更新

我的html

 <button class="fullScreen" data-dojo-type="dijit.form.Button" onclick="FullScreenToggle(this);" id="butFullScreen">
                                <input type="image" class="ns" onclick="FullScreenToggle(this);" value="" />

CSS

.claro #butFullScreen .ns{
    background-image: url("images/fullScreen.png");
}
.claro #butFullScreen .fs{
    background-image: url("images/fullScreenExit.png");
}

Answer 1

使用 Jquery，Jquery 将适用于所有浏览器。

在此处更改:

FullScreenToggle(this) 到 FullScreenToggle(this.id)

我假设这里的参数是元素的id

function FullScreenToggle(el)
{
    ($("#"+el).attr('class') != "ns" ) ? $("#"+el).addClass("ns").removeClass('fs') : $("#"+el).addClass("fs").removeClass('ns');
    return false;
}

或

你也可以使用切换类

http://api.jquery.com/toggleClass/

告诉我这有帮助吗？