js怎么獲取html頁(yè)面代碼中圖片地址

小編給大家分享一下js怎么獲取html頁(yè)面代碼中圖片地址，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html是什么

html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

第一種方法：js通過(guò)正則實(shí)現(xiàn)

/** 
 * 獲取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實(shí)現(xiàn)

 var img = $(this).find("img").attr("src");//這個(gè)是獲得相對(duì)路徑 prospertu
        //alert($(this).find("img").prop("src"));這個(gè)是獲得完整路徑 包括http://

js在獲取圖片的src是相對(duì)路徑

js在獲取src時(shí)或同時(shí)獲取到域名路徑；如圖片路徑是mall/kmenus/001.png，用obj.src或獲取到http://localhost/mall/kmenus/001.png,但是通常只獲取相對(duì)路徑就可以了。做此記錄。

<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頁(yè)面代碼中圖片地址”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！