| 123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <div style="width: 600px; height: 300px; margin: 0 auto; margin-top: 100px">
- <p>
- <img src="off.png" />
- </p>
- </div>
- <button id="on" onclick="on()" >开灯</button>
- <button id="off" onclick="off()" >关灯</button>
- <script>
- function on() {
- document.querySelector("img").src = "on.png"
- }
- function off() {
- document.querySelector("img").src = "off.png"
- }
- // document.querySelector("#on").addEventListener("click", function(){
- // on();
- // })
- // document.querySelector("#off").addEventListener("click", function(){
- // off();
- // })
- document.querySelector("#on").onclick = on;
- document.querySelector("#off").onclick = off;
- </script>
- </body>
- </html>
|
