JavaScript で src 属性の値を取得・変更する
published:
2019.03.25 /
modified:
JavaScript で、 HTML の要素に指定される src 属性の値を取得する方法、変更する方法を見ていく。
src 属性
src 属性は、 HTML の img 要素や script 要素などで指定される。
src 属性の値には、画像やスクリプトなどのリソースの URL を指定する。
例
img 要素の場合、 src 属性値に画像の URL を指定する。
<img src="example.png" id="myimage" alt="">
src 属性の値を取得する
getAttribute メソッドを利用して、 src 属性の値を取得する。
例
var img = document.getElementById('myimage');
var src = myimage.getAttribute('src');
src 属性の値を変更する
setAttribute メソッドを利用して、 src 属性の値を変更する。
例
var img = document.getElementById('myimage');
myimage.setAttribute('src', 'example_on.png');