Javascript 更改onclick事件上按钮的背景图像

为什么这不起作用？在Firebug中，当我点击按钮时，它总是告诉我cambiaBandiera没有定义

帮助

亚历克斯

CSS

---

JAVASCRIPT（头部）

函数cambiabandera（）{
测试=document.getElementById（“ITA”）；
test.style.backgroundImage=“url（'../ITA_on.png'）”；
}

---

这是HTML

使用普通CSS：

#bandiere:active{
    background : #FFFFFF url("../ITA_on.png") center center no-repeat;
}

---

您错误地指定了输入，添加了不需要的

：

应该是：

<input type="button" id="ITA" onClick="cambiaBandiera()" />

---

输入

标记是自动关闭的，它不需要关闭标记。

我看到您将脚本放在样式标记之间，而不是脚本标记之间。也许这就是它找不到您的函数的原因吧？

JS是一种标准语言，因此不需要指定类型

此外，它是一个

脚本

而不是

样式

，因此：

<script>
function cambiaBandiera() {
    test=document.getElementById("ITA");
    test.style.backgroundImage="url('../ITA_on.png')";
}
</script>

函数cambiabandera（）{
测试=document.getElementById（“ITA”）；
test.style.backgroundImage=“url（'../ITA_on.png'）”；
}

可能重复的是，或多或少是重复的如果是重复的，则无需再提出其他问题：）继续讨论，并对答案进行评论：）好的，我不知道它是如何工作的您没有在那里详细说明，请参见下面我的答案。Alpan67：如果单击某个元素，请使用CSS:active伪类更改其背景。这项技术是js安全的，在bandiere中，我将添加比ITA更多的内容，这就是为什么我创建了ITA divAhmed：是的，你是对的，但它没有改变，我也尝试了你的提示@Peter Tilemans:Sry，我不明白，你是什么意思？

#bandiere:active{
    background : #FFFFFF url("../ITA_on.png") center center no-repeat;
}

<input type="button" id="ITA" onClick="cambiaBandiera()"></input> 

<input type="button" id="ITA" onClick="cambiaBandiera()" />

<script>
function cambiaBandiera() {
    test=document.getElementById("ITA");
    test.style.backgroundImage="url('../ITA_on.png')";
}
</script>