javascripte (三) 改变html图像
2014-04-09 16:33
176 查看
<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="views/img/1.jpg">
说明:
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
参考地址:
http://www.w3school.com.cn/tiy/t.asp?f=js_lightbulb
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="views/img/1.jpg">
说明:
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
参考地址:
http://www.w3school.com.cn/tiy/t.asp?f=js_lightbulb
相关文章推荐
- JavaScript-改变 HTML 图像
- JavaScript:改变HTML图像
- 借助JavaScript中的时间函数改变Html中Table边框的颜色
- 原生javascript实现拖拽改变table表格行高(html)
- javaScript学习之改变HTML内容
- JavaScript-对事件作出反应\改变 HTML 内容\改变 HTML 样式\写入HTML输出
- 借助JavaScript中的Dom属性改变Html中Table边框的颜色
- JavaScript HTML DOM - 改变 HTML
- javascript html DOM 改变html
- JavaScript HTML DOM - 改变 HTML 改变 CSS
- JavaScript中改变HTML样式
- HTML-JavaScript--单击按钮改变背景颜色
- 改变字体(html,css,javascript)
- JavaScript HTML DOM - 改变 CSS
- html中实现图像浏览(javascript)
- UIWebView与javascript交互三通过OC页面来改变html页面上的值
- JavaScript:改变 HTML 内容
- JavaScript HTML DOM---遗漏知识再整理(向html添加/删除元素,改变内容和css)
- JavaScript:改变 HTML 内容
- JavaScript动态改变HTML页面元素例如添加或删除