JavaScript で alt 属性の値を取得する

published: 2019.09.30 / modified:

JavaScript で、 img 要素などに指定される alt 属性の値を取得する方法を見ていく。

alt 属性

alt 属性は、画像を表示しないブラウザなどが、代わりに使用するテキスト。
HTML の img 要素や area 要素などで指定される。
alt 属性の値には、画像の内容を説明する代替テキストを指定する。

img 要素の alt 属性の値に画像を説明する代替テキストを指定している。

<img src="example.png" id="myimage" alt="壮大で幻想的な景色">

alt 属性の値を取得する

getAttribute メソッドを利用して、 img 要素の alt 属性の値を取得する。

HTML

<img src="example.png" id="myimage" alt="壮大で幻想的な景色">

JavaScript

var img = document.getElementById('myimage');
var alt = myimage.getAttribute('alt');
console.log(alt); // 壮大で幻想的な景色

Previous Article

Next Article