JavaScript之点击改变图片

最新推荐文章于 2025-03-11 14:49:40 发布

转载最新推荐文章于 2025-03-11 14:49:40 发布 · 2.9k 阅读

收录于

JavaScript

当前文章被收录于：

JavaScript

0 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细解析了使用JavaScript实现图片切换的代码逻辑。通过检查图片源路径中是否包含特定字符串来决定图片的显示状态，实现了图片的动态更换效果。

if (element.src.match(“bulbon”)) 这边的“bulbon”是什么意思？

具体代码：

<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}

</script>

代码解析：

element.src.match(“bulbon”)意思是 Src路径里有bulbon匹配则为true.如果一开始的图片是/i/eg_bulbon.gif，那么就会匹配到bulbon，if语句为ture，执行if语句，图片转换为/i/eg_bulboff.gif；如果没匹配到bulbon，执行else语句，图片转换为/i/eg_bulbon.gif。这样就实现了用js对html图片的改变