功能切换在 Firefox 上不起作用答案

【问题标题】：Function Toggle not working onf Firefox功能切换在 Firefox 上不起作用
【发布时间】：2017-01-21 16:27:13
【问题描述】：

我不知道这是怎么回事，但我有一个带有这个 html 的网站：

<button id="mute"><input type="image" src="img/stop.png" class="stop" onclick="toggleStop(this);"/></button>
        <button id="mute2"><input type="image" src="img/sonido.png" class="mute stop" onclick="toggle(this);"/></button>

我正在尝试在点击此 JS 时切换图像：

<script type="text/javascript">
function toggle(el){
    if(el.className!="mute")
    {
        el.src='img/mute.png';
        el.className="mute";
    }
    else if(el.className=="mute")
    {
        el.src='img/sonido.png';
        el.className="audio";
    }
    return false;
}  
</script>
<script>
function toggleStop(event){
    if(el.className!="play")
    {
        el.src='img/play.png';
        el.className="play";
    }
    else if(el.className=="play")
    {
        el.src='img/stop.png';
        el.className="stop";
    }
    return false;
}  
</script>

它在 Chrome 上运行完美，但在 Firefox 上不运行。我不知道出了什么问题。遗憾的是我不是开发人员，所以我尽我所能在 Internet 上搜索。任何帮助将不胜感激。

【问题讨论】：

标签： javascript html image firefox toggle

【解决方案1】：

发布的这段代码无法在 Chrome（或 Firefox 或任何其他浏览器）下运行。

我尝试将它变成一个 sn-p，但必须进行一些更改才能使其可用......然后我停止尝试。

主要问题：

您不能嵌套<input> 而不是<button>。使用其中一种。

如果您使用<button>，它应该是<button type="button">，以防止它充当提交按钮并重新加载您的表单。

您的代码已损坏。

function toggleStop(event){
    if(el.className!="play")

没有元素el，产生错误。

JavaScript 工作的第一条规则：总是，总是检查错误控制台。

【讨论】：

【解决方案2】：

所以...我接受了您所说的关于 BUTTON 中的 INPUT 的内容，我只是删除了该按钮并使用了一个 istead，现在它在两种浏览器上都可以使用。

非常感谢杰里米！

【讨论】：