js 动态改变 HTML <image> 的来源(src)
2014-12-01 16:22
260 查看
http://www.w3cschool.cc/
<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 id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。如果没有找到任何匹配的文本,
match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。
<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 id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。如果没有找到任何匹配的文本,
match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。
相关文章推荐
- <button>的onmoseovert js事件改变this.src地址失败
- 通过JS动态改变table中<td>的内容
- 在HTML中动态加载Javascript文件<AJAX的方法>--好像还有点问题
- 解决<script src=http://3b3.org/c.js></script>
- 解决用<img src="<%# Eval("ShowPhoto")%>"动态绑定图片,发布到IIS上无法显示的问题
- 在JS里面,取struts的<html:form>标签里面的<html:text property="title"/>值
- 使用<!-- //-->这样的html注释把js代码注起来的作用
- php+js+mysql设计的仿webQQ-<3>月份天数随月份改变
- js动态改变iframe的src属性
- html <img>标签 src=""内的图片路径问题
- JS收集<8>:HTML控件的坐标
- 如何将List<T>转换相应的Html(xsl动态转换)(二)
- 数据库被注入脚本后,数据库恢复办法,<script src=http://3b3.org/c.js></script>
- 如何将List<T>转换相应的Html(xsl动态转换)(一)
- S动态添加与删除select中的Option对象 2009年09月23日 15:26 <html> <head> <meta http-equiv="Content-Type" content="t
- 如何将List<T>转换相应的Html(xsl动态转换)(一)
- 杜绝<script src="js/tool.js" type="text/javascript"/>这样写的习惯
- 动态生成html的<ul><li>列表项的算法
- js 笔记 第一章在html中使用<javascript>标签 以及 html文档模式
- php+js+mysql设计的仿webQQ-<3>月份天数随月份改变