js怎么獲取html頁面代碼中圖片地址

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

html是什么

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

第一種方法：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頁面代碼中圖片地址”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！