javascript HTMLのimgタグのidを取得したいです。

Question

javascriptで
HTMLのimgタグのidの取得をしたいです。

現在
imgタグのsrc情報は取得できるのですがidが取得ができません。

現在のコード

<img id="取得したいID" src="画像のURL">

    	var imgSrc = event.target.src;
     	alert(imgSrc);

試してみたがダメだったっコード

    	var imgSrc = event.target.id;
     	alert(imgSrc);

    	var id = $('img').attr('id');
     	alert(imgSrc);

どのようにすれば
imgタグで宣言したidを取得できますでしょうか？

Answer 1

なにをトリガーにidを取得するのかにもよりますが、clickしたときlogを表示するなら

document.addEventListener('click',function(e){
  var t=e.target;
  if(t.nodeName=="IMG"){
    console.log(t.id);
    console.log(t.src);
  }
});

<img id="取得したいID" src="画像のURL">

Answer 2

var id = $('img').attr('id');
alert(id); // imgSrcになっていたからでは？
```**動くサンプル：**[https://jsfiddle.net/nc5cgvx8/](https://jsfiddle.net/nc5cgvx8/)

Comments

[amaguri]

回答ありがとうございます。
試したのですがやはり
undefindになってしまします。

[kei344]

$(function(){
// ここに書いてみてはいかがでしょう。
});

imgタグより後にスクリプトを書くか、スクリプト自体を上記のように書き換えるかしてみては。

[amaguri]

試してみます！