How to get src value from img?

Question

HTML

For example, there is a line "< im g src="link">1234566 4553342 aaa"

I need to extract the src value from img, how can I do it?

Answer 1

const strings = [
  '<img src="link">1234566 4553342 aaa',
  '<div><img class="super-img" src="https://example.com"/></div>',
  'src="1"',
  '<img src=\'../img.png\'/>'
];
const expression = /img.+?src=(["'])(.+)\1/;

for (const string of strings) {
  const src = (string.match(expression) || [])[2] ?? null;
  console.log(string);
  console.log(src);
}
/*
<img src="link">1234566 4553342 aaa
link

<div><img class="super-img" src="https://example.com"/></div>
https://example.com

src="1"
null

<img src='../img.png'/>
../img.png
*/

Answer 2

const str =  '<img src="link">1234566 4553342 aaa>';

const img = document.createElement('img');
img.innerHTML = str;

console.log(img) -----/ here is your img tag
and then get the src attribute with getAttribute('src');