使用javascript交换图像

Fab*_*ter 0 html javascript

我发现自己正在学习网络开发.我刚刚开始阅读有关javascript的内容.作为一种语言,我没有遇到任何麻烦,但我遇到了一个烦人的情况:

我只是想尝试我的第一个javascript来做一个简单的动作:更改一个的src属性<img>.所以让我们假设我在index.html中有这个代码:

<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <script type="text/javascript" language="javascript" charset="utf-8">
      function activate(id)
      {
        document.images(id).src ="home-on.jpg";
      }

      function deactivate(id)
      {
        document.images(id).src ="home-off.jpg";
      }
    </script>
  </head>

  <body id="ID">
    <img id="home" src="home-off.jpg"
    onmouseover="activate('home')"
    onmouseout="deactivate('home')"/>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

该代码在谷歌浏览器上完美运行(当鼠标结束时,交换图像).但我对firefox没有运气.有帮助吗?建议?

SLa*_*aks 6

您使用错误的语法来获取图像.

你需要写document.images[id](带括号[],而不是括号())

document.images集合是一个关联数组,使用括号进行索引.
括号用于调用函数; 我不知道为什么你的代码在Chrome中有效.

  • 是的,他也可以考虑使用document.getElementById(id). (3认同)