Comment trouver src d'une balise d'image avec alt dans js

Question

J'ai une balise d'image comme ci-dessous,

var img = '<img src="http://fmp-8.cit.nih.gov/hembase/search2images/chrX.jpg" alt="image x">'; 

Je veux trouver le src de cette img, je l'ai écrit le code comme ci-dessous,

var rex = /<img[^>]+src="?([^"\s]+)"?[^>]*\/>/g; 
    while (m = rex.exec(text)) { 
    imageUrls.push(m[1]); 
} 

Mais mon imageUrls dans l'élément même src vide est là.Peut-on m'aider s'il vous plaît.Merci.

var m, imageUrls = [], 
    rex = /<img[^>]+src="?([^"\s]+)"?[^>]*\/>/g; 
    while (m = rex.exec(text)) { 
imageUrls.push(m[1]); 
    }console.log(imageUrls+'lslsls') 
    for (var i = 0; i < imageUrls.length; i++) { 
    text = text.replace(/<img[^>]*>/, '<amp-img layout="responsive" class="ampimageheight" src="' + imageUrls[i] + '" width="200" height= "100"></amp-img>'); 
    } 

Answer 1

Vous devez analyser comme HTML, et travailler avec cela. Regex ne convient pas pour l'analyse syntaxique HTML

var img = '<img src="http://fmp-8.cit.nih.gov/hembase/search2images/chrX.jpg" alt="image x">'; 
 

 
var div = document.createElement('div'); 
 

 
div.innerHTML = img; 
 

 
var src = div.querySelector('img').src; 
 

 
console.log(src)