Image src属性

HTML DOM Image オブジェクト

定義と使用方法

src 属性設定または画像の src属性 の値。

必須 src属性 画像のURLを定義

ヒント：src属性はいつでも変更できます。ただし、新しい高さと幅属性が指定されていない場合、新しい画像は元の画像の高さと幅属性を継承します。

例

例1

画像のURLを変更する：

document.getElementById("myImg").src = "wuhan.jpg";

自分で試してみる

例2

画像のURLを返す：

var x = document.getElementById("myImg").src;

自分で試してみる

文法

src属性を返す：

imageObject.src

src属性の設定：

imageObject.src = URL

属性値

値 説明
URL

画像のURLを定義

可能な値：

  • 絶対URL - ある他のウェブサイト（例えばsrc="http://www.example.com/default.htmls"）に指す
  • 相対的な URL - ウェブサイト内のファイルへのリンク（例えば src="default.html"）

技術的詳細

返り値： 画像の URL を表す文字列値。プロトコル（例えば http://）を含む完全な URL を返します。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

関連ページ

HTML 参考マニュアル：HTML <img> src 属性

HTML DOM Image オブジェクト