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); // 壮大で幻想的な景色