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

发布于 2022-09-01 18:37:48 字数 487 浏览 22 评论 0

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

萌梦深 2022-09-08 18:37:48
  1. 首先变量 a
    只需要通过document.getElementById("007")指向该img元素,
    而不是通过document.getElementById("007").src获取该元素的src值;

  2. 你如果想要用按钮点击实现切换,就需要将按钮的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>
り繁华旳梦境 2022-09-08 18:37:48

代码本身有问题 var a = document.getElementById("007")就好 不是 var a = document.getElementById("007").src;

海风掠过北极光 2022-09-08 18:37:48

试试调用look时,把a.src至为空

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文