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

★JavaScriptリファレンス

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

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

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

HTMLソース

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

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

ブラウザ上の表示


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

HTMLソース

<script type="text/javascript" language="javascript">
<!--
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>
↓↓↓

ブラウザ上の表示

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