js点击按钮更改html页面的图片（两个来回换）

最新推荐文章于 2023-06-28 12:04:18 发布

帅帅笔记

最新推荐文章于 2023-06-28 12:04:18 发布

阅读量3w

点赞数 8

分类专栏： web 文章标签： web js

本文链接：https://blog.csdn.net/qq_27425859/article/details/78748529

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<body>

<img id="image" src="111.png" οnmοusedοwn="secound(this)" οnmοuseup="first(this)">
<button οnclick="change()">点击换图片</button>
<script>
    function change() {
          var x = document.getElementById("image").getAttribute("src");

          if (x=="111.png"){
              document.getElementById("image").src="222.png";
          }
          else{
              document.getElementById("image").src="111.png";
          }
          //alert(x);
    }

    function secound(obj){
        obj.src="222.png";
        console.log(obj.getAttribute("src"));
    }

    function first(obj){
        obj.src="111.png";
        console.log(obj.getAttribute("src"));
    }
</script>

</body>
</html>

这里是我们的图片

页面效果：
http://shuaishuaicloud.cn/4444.mp4

(我的腾讯云主机) 可能到2018 6 就不能用了那时我已毕业

点击打开链接

帅帅笔记

关注

8
点赞
踩
41

收藏

觉得还不错? 一键收藏
3
评论
js点击按钮更改html页面的图片（两个来回换）

点击换图片 function change() { var x = document.getElementById("image").getAttribute("src"); if (x=="111.png"){ document.getElementById("image").src="222.png";
复制链接

扫一扫