<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body>
    <script>
    function changeImage() {
        element = document.getElementById('myimage');
        if (element.src.match("bulbon")) {
            element.src = "./images/pic_bulboff.gif";
        } else {
            element.src = "./images/pic_bulbon.gif";
        }
    }
    </script>
    
    <img id="myimage" onclick="changeImage()" border="0" src="./images/pic_bulboff.gif" width="100" height="180">
    <p>点击灯泡 开/关 灯</p>
</body>

</html>

dom操作之开关灯_html