用DOM操作改变灯泡的开关，点击关灯，再点击开灯。

kunkun学不懂软件

于 2023-09-15 15:45:33 发布

阅读量107

点赞数 1

文章标签： web java javascript

本文链接：https://blog.csdn.net/2301_79353184/article/details/132904815

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    function changeImage() {
        light = document.getElementById('light');
        if (light.src.match("bulbon")) {
            light.src = "../tu/pic_bulboff.gif";
        } else {
            light.src = "../tu/pic_bulbon.gif";
        }
    }
</script>

<img id="light" οnclick="changeImage()" src="../tu/pic_bulboff.gif" height="180" width="100">

<p>点击灯泡 开/关 灯</p>

</body>
</html>

一个灯泡，点击亮灯，再点击关灯。