正規表示式匹配html中的圖片

有時候需要在一個html文件中獲取圖片，也就是<img>標籤。

下面就介紹一下如何使用正規表示式實現此功能。

程式碼如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var str="<img src='images/antzone.gif'/>";
var reg=/<\s*img\s+[^>]*?src\s*=\s*(\'|\")(.*?)\1[^>]*?\/?\s*>/;
console.log(str.match(reg));

以上程式碼實現了我們需要的功能。有時候也可能是需要獲取圖片的路徑。

程式碼修改如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
var str="<img src='images/antzone.gif'/>";
var reg=/<\s*img\s+[^>]*?src\s*=\s*(\'|\")(.*?)\1[^>]*?\/?\s*>/;
str.match(reg);
console.log(RegExp.$2);

通過使用RegExp.$2方式獲取第二個字表示式的值，在以上正則中就是圖片的路徑。