JavaScript实现：点击图片使两张图片交替出现

第一次写JavaScript，纪念一下。加油！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击图片使两张图片交替出现</title>
</head>
<body>
<img src="cute.jpg" id="图片">

<script>
    <!--获取图片对象-->
    var picture = document.getElementById("图片")
    var flag = true;
    <!--绑定点击事件-->
    picture.onclick = function () {
        if (flag) {
            picture.src="可爱.jpg";
            flag=false;
        }
        else{
            picture.src="cute.jpg";
            flag = true;
        }

    }
</script>

</body>
</html>
版权声明：本文为qq_41628448原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。