【学习通作业】练习3-1 单击事件

最新推荐文章于 2024-09-27 16:57:59 发布

Weicoder

最新推荐文章于 2024-09-27 16:57:59 发布

阅读量111

点赞数 1

分类专栏：学习通作业[JavaWeb] 文章标签：学习 javascript

本文链接：https://blog.csdn.net/wv757/article/details/142388680

版权

学习通作业[JavaWeb] 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>单击事件</title>
    <script>
        function clickon(){
            var l = document.getElementById("light");
            l.src = "../img/on.gif";
        }
        function clickoff(){
            var l = document.getElementById("light");
            l.src = "../img/off.gif";
        }
    </script>
</head>
<body>
    <h3>灯泡</h3>
    <tr>
        <td><input type="button" value="点亮灯泡" onclick="clickon()"></td>
        <td><img id="light" src="../img/off.gif" ></td>
        <td><input type="button" value="关掉灯泡" onclick="clickoff()"></td>
    </tr>
</body>
</html>