黑马程序员技术交流社区

标题: 【成都java24期】 JS中Dom电灯开关案例 [打印本页]

作者: 江山美人 时间: 2019-4-25 13:45
标题: 【成都java24期】 JS中Dom电灯开关案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>电灯开关</title>
</head>
<body>
<img id="1" src="img/off.gif" alt="">
<script>
var e1 = document.getElementById("1");
var flag=false;
e1.ondblclick=fun;
      function  fun() {
         if(flag){
            e1.src="img/off.gif"
            flag=false;
         }else {
            e1.src="img/on.gif"
            flag=true;
         }

      }
</script>
</body>
</html>

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2