トップページ > JavaScriptリファレンス > document.イメージ名.src

★JavaScriptリファレンス

document.イメージ名.src …… 画像ファイルのURLを参照する
Internet Explorer Google Chrome Safari Firefox Opera
広告

イメージオブジェクトのsrcプロパティは、画像ファイルのURLを参照・設定します。

■使用例1 画像ファイルのURLを参照

HTML + JavaScriptソース

<p>
<img name="samplekaeru" src="../images/kaeru.gif">
</p>

<script>
<!--
var imgurl = document.samplekaeru.src;
document.write('カエル画像のURLは');
document.write(imgurl);
document.write('です。');
// -->
</script>
↓↓↓

ブラウザ上の表示


■使用例2 画像ファイルのURLを設定

HTML + JavaScriptソース

<script>
<!--
function changeimg1() {
	document.samplepanda.src = "../images/panda1.gif";
}

function changeimg2() {
	document.samplepanda.src = "../images/panda2.gif";
}
// -->
</script>

<p><img name="samplepanda" src="../images/panda1.gif"></p>
<p>
<button type=button onclick="changeimg1()">パンダ1号に切り替え</button>
<button type=button onclick="changeimg2()">パンダ2号に切り替え</button>
</p>
↓↓↓

ブラウザ上の表示

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ