JavaScriptでimg要素のsrcを取得する方法

方法1: getElementByIdを使用する方法

var img = document.getElementById('imageId');
var src = img.src;
console.log(src);

方法2: querySelectorを使用する方法

var img = document.querySelector('img');
var src = img.getAttribute('src');
console.log(src);

方法3: getElementsByTagNameを使用する方法（複数のimg要素がある場合）

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
  var src = images[i].getAttribute('src');
  console.log(src);
}

これらの方法は、異なる状況に応じて使い分けることができます。例えば、1つの特定のidを持つimg要素のsrcを取得する場合は方法1が便利です。一方、複数のimg要素からsrcを取得する場合は方法3を使用することができます。