DOM电灯开关案例

最新推荐文章于 2023-09-15 15:45:33 发布

稻田里展望者

最新推荐文章于 2023-09-15 15:45:33 发布

阅读量536

点赞数 1

分类专栏： Web前端技术文章标签： javascript 前端 jquery

本文链接：https://blog.csdn.net/weixin_46441425/article/details/122928901

版权

JavaScript 前端开发 DOM操作单击事件图片切换

关键词由CSDN通过智能技术生成

Web前端技术专栏收录该内容

86 篇文章 3 订阅

订阅专栏

<body>
    <img src="./off.gif" id="light">
    <script>
        //1.获取图片对象
        var light = document.getElementById("light");

        var flag = false;//代表灯是灭的

        //2.绑定单击事件
        light.onclick = function(){

            if(flag){
                //判断如果灯是开的则灭掉
                light.src = "./on.gif"
                flag = false;
            }else{
                //判断如果灯是灭的则打开
                light.src = "./off.gif"
                flag = true;
            }
            
        }
    </script>
</body>