innerHTML 改变 HTML 内容,element.src.match("bulbon")匹配

最新推荐文章于 2023-09-17 21:44:00 发布

拼了命的追赶

最新推荐文章于 2023-09-17 21:44:00 发布

阅读量3.6k

点赞数

分类专栏： C#+Html5 js+ jquery

C#+Html5 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

js+ jquery

8 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
//match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
//x=document.getElementById("demo")  //查找元素
//x.innerHTML="Hello JavaScript";    //改变内容

if (element.src.match("bulbon"))
  {
  element.src="/i/eg_bulboff.gif";
  }
else
  {
  element.src="/i/eg_bulbon.gif";
  }
}
</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>
</html>