js正则替换图片属性

JavaScript09

js正则替换图片属性,第1张

正则替换：.replace(/(src=[^u]*upload[^ >]*)([ >])/g,'$1 class=“aaa”$2')

比如你执行一下

function run(){alert("<img src=image/Jerryuploadhello/1.jpg>".replace(/(src=[^u]*upload[^ >]*)([ >])/g,'$1 class=“aaa”$2'))}

就知道了。

不过用正则替换的方法涉及改变innerHTML或outerHTML，最直接的方法可能是

arr=document.getElementsByTagName("img") for(i=0i<arr.lengthi++)if(/upload/.test(arr[i].src))arr[i].className=“aaa”

例：/upload/activity/xueba/20161025/091909_ce15d6bf-1089-4002-9ff6-016e13e420e5.gif

1,获取图片名称

正则表达式：[^\/\\]+$

匹配结果：091909_ce15d6bf-1089-4002-9ff6-016e13e420e5.gif

2，获取后缀

正则表达式：[^\.]\w*$

匹配结果：gif

理论是可以的，首先用js取得location，然后在和图片路径相加 哦 想复杂了 其实很简单，你在image元素里面加个onclick事件，这样写 <table><tr> <td><input type="image" id="expression1" name="expression1" src="1.gif" onClick="soso(this)></td> <td><input type="image" id="expression2" name="expression2" src="2.gif" onClick="soso(this)></td> <td><input type="image" id="expression3" name="expression3" src="3.gif" onClick="soso(this)></td> <td><input type="image" id="expression4" name="expression4" src="4.gif" onClick="soso(this)></td> <td><input type="image" id="expression5" name="expression5" src="5.gif" onClick="soso(this)></td> </tr></table> <div id="abc"></div> <script language="javascript"> function soso(tt){ document.all("abc").innerHTML="<img Src='"+tt.src+"'>" } </script> _______________________