Javascript-OnMouseOut事件不适用于第一个li元素

我试图在我的项目中使用

onmouseover

和

onmouseout

事件。
这项活动是有效的，但我有一个问题，我不明白为什么会发生。
我有几个

元素，我可以在

鼠标悬停

和

onmouseout

更改为原始图像时更改图像。
但是对于第一个

元素，在

onmouseout

事件上，它不会被激发，只有在

onmousehave

事件上。
我用一个警告框对它进行了测试，除了第一个警告框没有外，它对所有单词都适用。
知道发生了什么吗？
提前谢谢。
这是我的代码。

@{x=0;}

<ul>
         @foreach (var p in ViewBag.In)
          {                                 
              <li>             
                  <form action="" method="post">
                      <button type="submit" name="submit"
                          onmouseover="document.getElementById('@("icon" + x.ToString())').src = '@p.IconHover';"
                          onmouseout="document.getElementById('@("icon" + x.ToString())').src = '@p.Icon';">

                         <img src="@p.Icon" id="@("icon" + x.ToString())"/>

                      </button>

                 </form>
              </li>
              x = x + 1;
          } 
    </ul>

只有行在src中有空格

---

其他li元素在源路径中没有空间。。如何修复它？

您真的在使用jQuery吗？我有jQuery库，但我认为这与它无关。这只是javascript这对所有人都有效但只对第一个li元素mouseout事件不是firedCan你能提供纯HTML输出吗？这是什么语言？@记者：我已经更新了我的代码。。。请看一看

document.getElementById('icon0').src=' /Content/Images_BD/Icons/Interaction/appbar.logo.png';