JavaScript 实现点灯

1. 项目结构
   
2. 点灯所需的材料
   off.gif
   
   on.gif
   
3. 代码实现

<!--导入图片-->
<img src="../img/off.gif" id="myimage" onclick="fun()" >
<script>
    function fun()
    {
        //通过元素ID获取对象
       var element =  document.getElementById("myimage");
       if(element.src.match("on"))//判断图片是否为on.gif
       {
           //如果是on.gif则转换图片
            element.src = "../img/off.gif";
       }else{
           //如果不是则显示on.gif
           element.src = "../img/on.gif";
       }
    } 
</script>