对于element.src.match(“bulbon“)语句的理解

代码源

JavaScript 简介 | 菜鸟教程 (runoob.com)

如下

<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 decoding="async" id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180">

该语句的作用

前提条件：element=document.getElementById(‘myimage’) 定位到'myimage'这里

以上if语句中的判断条件  element.src.match("bulbon")  的作用为

找到元素中属性为 src， 并匹配src的字符串属性，也就是在其中找到所有（相当于一次筛选）属性为bulbon的图片，然后换成pic_bulboff.gif。而else语句则恰好相反，在检测到bulboff时将图片换成pic_bulbon.gif

JavaScript 能够改变任意 HTML 元素的大多数属性，改变图片是这个功能的一部分。