javascript - 一个按钮，切换两张图片，求帮忙，写的实现不了。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 一个按钮，切换两张图片，求帮忙，写的实现不了。

怪我咯 2017-04-10 15:55:16

[JavaScript讨论组]

468

<head>
    <script>
        function look() {
            var a = document.getElementById("007");
            if (a.src == "Email1.png") {
                a.src = "USER_1.png";
            }
            else{
                a.src= "Email1.png"；
            }
        }
    </script>
</head>

<body>
    <a onclick="look()"><img id="007" src="Email1.png" /> </a>
    <button>haha</button>

</body>

怪我咯

走同样的路，发现不同的人生

全部回复(3)

黄舟2017-04-10 15:57:16 3楼

首先变量 a：
只需要通过document.getElementById("007")指向该img元素，
而不是通过document.getElementById("007").src获取该元素的src值；
你如果想要用按钮点击实现切换，就需要将按钮的onclick也指向方法look()

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
    function look(){
      var a = document.getElementById("007");//有改动
      if (a.src == "Email1.png"){
        a.src = "User_1.png";
      }
      else {
        a.src = "Email1.png";
      }
    }
  </script>
</head>
<body>
  <a onclick="look()">
    <img src="Email1.png" id="007" alt="">
  </a>
  <button onclick="look()">haha</button>//有改动
</body>
</html>