這篇文章主要介紹了js取得html程式碼中圖片位址的實作程式碼,需要的朋友可以參考下
第一種方法:js透過正規實作
/** * 获取html代码中图片地址 * @param htmlstr * @returns {Array} */ function getimgsrc(htmlstr) { var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; var arr = []; while (tem = reg.exec(htmlstr)) { arr.push(tem[2]); } return arr; }
第二種方法:jquery實作
var img = $(this).find("img").attr("src");//这个是获得相对路径 prospertu //alert($(this).find("img").prop("src"));这个是获得完整路径 包括http://
js在取得圖片的src是相對路徑
js在取得src時或同時取得到網域名稱路徑;如圖片路徑是mall /kmenus/001.png,用obj.src或取得到http://localhost/mall/kmenus/001.png,但是通常只取得相對路徑就可以了。做此記錄。
<img src="mall/kmenus/001.png" onclick="showSelected(this)"> function showSelected(obj) { var rootpath='http://localhost/'; res=obj.src.replace(rootpath,''); //分离路径和图片 document.getElementById("cate_img_src").src=obj.src; }
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
#以上是js取得html頁面程式碼中圖片地址的實作代碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!