Javascript 第二个JS按钮触发第一个JS按钮

我知道我一定是做错了什么，但我还是不完全明白我在做什么。 我正在创建一个表单，它将有多个链接到JavaScript函数的按钮来完成任务。我正处于将这两个按钮放在同一页面上的最基本点上，当你打开鼠标，打开鼠标，打开鼠标，打开鼠标，打开鼠标，打开鼠标，它会改变我按钮的图像

我知道还有其他方法可以做到这一点（更好的方法），但我正朝着这个方向努力，至少要更好地理解JavaScript的工作原理。我知道我会有一些更复杂的事情要做，这可能需要像这样的东西，我想确保我理解它，当我到达那里

我遇到的问题是，当您尝试使用第二个按钮时，它没有任何作用。第一个按钮工作正常，但第二个按钮不工作。当你尝试使用第二个按钮时，它会使第一个按钮熄灭。因此，如果我按下按钮2，按钮1将显示影响。我尝试将我的图像文件复制到一个新的集合中，这样它们就不会使用相同的图像，但这正好说明了当我使用按钮2时，为按钮2设置的功能将应用于按钮1

不管怎样，这是HTML代码

<input type="hidden"  value="0" id="theValue"  /> 
<p><a  href="javascript:addElement()"  ><img id="button" onMouseOver="hover_over()"
onMouseOut="hover_off()"  onMouseDown="click_add()" onMouseUp="release()"   
src="images/add_default.png" name="add" width="43" height="21"></a></p>


<input type="hidden"  value="0" id="theValue2"  /> 
<p><a href="javascript:addProduct()"  ><img id="button2"  
onMouseOver="hover_over_second()" onMouseOut="hover_off_second()" 
onMouseDown="click_add_second()" onMouseUp="release_second()"  
src="images/add_default2.png" name="add2" width="43" height="21"></a></p>

我做错了什么？如何让这些链接彼此独立工作

---

请教我聪明的人。我知道这一定很简单。

您在第二个按钮处理程序中针对的是同一个元素，它应该是add2，而不是像第一个一样add，这就是为什么第一个元素src属性被更改而不是另一个

function hover_off_second() {
document.images.add2.src='images/add_default2.png';
}
function hover_over_second() {
document.images.add2.src='images/add_hover2.png';
}
function click_add_second() {
document.images.add2.src='images/add_click2.png';
}
function release_second() {
document.images.add2.src='images/add_hover2.png';
}

---

天哪，谢谢你！！我知道我错过了一些非常愚蠢的事情。

function hover_off_second() {
document.images.add2.src='images/add_default2.png';
}
function hover_over_second() {
document.images.add2.src='images/add_hover2.png';
}
function click_add_second() {
document.images.add2.src='images/add_click2.png';
}
function release_second() {
document.images.add2.src='images/add_hover2.png';
}