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');

Previous Article

Next Article