Javascript 鼠标单击时更改（切换）html按钮的图像（在Internet Explorer中）

我有一个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="" />

---

使用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;
}

或

您也可以使用toggle类

---

让我知道这是否有用？

使用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;
}

或

您也可以使用toggle类

---

让我知道这是否有用？

将

类型

属性添加到第一个按钮并关闭按钮元素

<button type="button" class="fullScreen" id="butFullScreen">
</button>

---

希望它对您有所帮助。

将

属性添加到第一个按钮并关闭按钮元素

<button type="button" class="fullScreen" id="butFullScreen">
</button>



希望它能帮助你。
万一有人想知道如何做法比恩的回答：

更改背景图像的示例（未测试）：

如果有人想知道如何做法比恩的回答：

更改背景图像的示例（未测试）：

给我看你的html和cssif如果这是全屏的，可能是因为ie不支持全屏，所以按钮没有出现？@Upvote MarkAnswer我把它作为更新添加了，Thankswell@fabien thing is button即使在正常屏幕上也不显示请为按钮指定一个显示名称。否则请修复该按钮的高度和宽度。现在该按钮的值或文本为空。因此它不会显示..显示您的html和cssif如果这是全屏，可能是因为ie不支持全屏，所以该按钮没有出现？@Upvote MarkAnswer我将其作为更新添加，Thankswell@fabien thing is button甚至在正常屏幕上也没有出现给按钮显示一个名称。否则请确定该按钮的高度和宽度。现在该按钮的值或文本为空。因此它不会出现。。