JavaScript:改变HTML图像
2015-08-07 09:36
639 查看
<!DOCTYPE html>
<html>
<body>
<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>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
<html>
<body>
<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>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
</body>
</html>
相关文章推荐
- JavaScript:验证输入
- JavaScript数组和对象
- JavaScript Switch语句
- JavaScript For/In语句
- JavaScript 表单验证
- Js-最严谨的校验邮箱地址的正则表达式
- JavaScript HTML DOM事件
- HTML5应用开发:JavaScript库iScroll教程
- Fastjson生成json时Null属性不显示
- Js function
- JavaScript权威指南_150_第16章_脚本化CSS_16.0-概述
- JavaScript 比量 Chrome 核心 360 浏览器(关闭和技巧)
- 【前端学习笔记】原生Javascript中通过JSONP(前端常用方法)进行跨域
- 【前端学习笔记】原生Javascript中的ajax
- Java和Javascript对比
- 思考JavaScript异常如何转为知识库?
- egret调用页面js的方法。
- [学习笔记]JavaScript基础--DOM基础
- [学习笔记]JavaScript基础--DOM删除元素
- [学习笔记]JavaScript基础--DOM创建元素