| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
- <img id="light" src="imgs/off.gif"> <br>
- <button onclick="lightFunction()" >点亮</button>
- <!--
- 需求点亮电灯
- 1. img对象获取
- 2. 获取属性 src
- 3. 修改
- 4. 事件 (点击事件)
- -->
- <script>
- function lightFunction(){
- //img对象获取
- let img = document.getElementById("light");
- //获取属性 src 修改
- img.src = "imgs/on.gif"
- }
- </script>
- </body>
- </html>
|
