Javascript 当按钮处于'；s咔嗒一声

我放置了一个输入按钮，并用一个图像设置其背景，现在我想在单击按钮时更改该图像

这是我的相关代码：

<div id='back'>
    <input type="button"/>
</div>

---

它可以在CSS中完成（就像链接-

标记一样），还是应该改用JavaScript？谢谢。

不需要Javascript：

#返回输入{
宽度：130px；
高度：130像素；
背景：url（img/back\u default.png）；
边界：隐藏；
}
#反向输入：激活{
背景图片：url（img/back\u default-active.png）；
}
不需要Javascript：

#返回输入{
宽度：130px；
高度：130像素；
背景：url（img/back\u default.png）；
边界：隐藏；
}
#反向输入：激活{
背景图片：url（img/back\u default-active.png）；
}
这应该适用于JavaScript：

function change() { 
    document.
        getElementById("back").
        getElementsByTagName("input").
        style.backgroundImage = "url(img/anotherImage.png)"
} 

从您的按钮单击（或从您想要的任何位置）调用它：

这应该适用于JavaScript：

function change() { 
    document.
        getElementById("back").
        getElementsByTagName("input").
        style.backgroundImage = "url(img/anotherImage.png)"
} 

从您的按钮单击（或从您想要的任何位置）调用它：

正如Matt所说，您可以使用CSS的活动伪类来更改背景，也可以使用javascript向更改图像的按钮添加eventHandler（onClick Listner）

HTML

<div id='back'>
     <input type="button" id="xyz" value="Go to back" class="button"/>
</div>



JS

<script>

el = document.getElementById('xyz');
el.addEvenListener("click",changeImg,false);

function changeImg()
{
    el = document.getElementById('xyz');
    el.style.backround="url('img/back_default-active.png')";
}

</script>


el=document.getElementById（'xyz'）；
el.AddEventListener（“单击”，更改，错误）；
函数更改img（）
{
el=document.getElementById（'xyz'）；
el.style.backround=“url（'img/back_default-active.png'）”；
}
正如Matt所说，您可以使用CSS的活动伪类来更改背景，也可以使用javascript向更改图像的按钮添加eventHandler（onClick Listner）

HTML

<div id='back'>
     <input type="button" id="xyz" value="Go to back" class="button"/>
</div>



JS

<script>

el = document.getElementById('xyz');
el.addEvenListener("click",changeImg,false);

function changeImg()
{
    el = document.getElementById('xyz');
    el.style.backround="url('img/back_default-active.png')";
}

</script>


el=document.getElementById（'xyz'）；
el.AddEventListener（“单击”，更改，错误）；
函数更改img（）
{
el=document.getElementById（'xyz'）；
el.style.backround=“url（'img/back_default-active.png'）”；
}
您希望背景仅在单击期间或之后更改吗？@Phil:仅在单击期间更改，只要我按住鼠标单击按钮。@Malloc然后在下面看到Matt的答案您希望背景仅在单击期间或之后更改吗？@Phil:仅在单击期间，只要我按住鼠标并点击按钮。@Malloc然后看到Matt在下面的回答，这是一个很好的调用，删除了关于输入类型属性的错误信息。是的，我是在写你，
input
而不是
按钮
。你期待着我：）-这很好，谢谢你的帮助：）打得好，删除了关于输入类型属性的错误信息。是的，我是想给你写信，
input
而不是
按钮
。你期待着我：）-那很好，谢谢你的帮助：）