code-computer

【JS】クリックした画像の情報(ファイル名など)を取得する方法

JavaScript

クリックした画像の情報をJavaScriptで取得

HTMLで複数(または単一)記述された「imgタグ」(画像)をクリックして、IDやNAMEの各種属性、ファイル名などをJavaScriptを利用して取得する方法をご紹介します。※メモリ面も考慮しているつもりです。

ソースコード

まずは、以下をHTMLに貼り付けます。(以下、サンプルの代わりにご自身のHTMLでもOKです。)

続いて、JavaScriptの実装です。

最後に

jQueryを使えば、もっとスマートに実装できますが、JavaScriptで「やりたい」という人も多いと思うので、jQuery無しで実装してます。

console.log()は、()中身をコンソールに表示します。

コンソールでJavaScriptを利用する方法

スポンサーリンク