★JavaScriptリファレンス

document.イメージ名.src …… 画像ファイルのURLを参照する

<p>
<img name="samplekaeru" src="https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/kaeru.gif">
</p>

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

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

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

<p><img name="samplepanda" src="https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/panda1.gif"></p>
<p>
<button type=button onclick="changeimg1()">パンダ１号に切り替え</button>
<button type=button onclick="changeimg2()">パンダ２号に切り替え</button>
</p>

document.images.length …… ドキュメント内にある画像の数を参照する
document.イメージ名.src …… 画像ファイルのURLを参照する
document.イメージ名.lowsrc …… 低解像度画像ファイルのURLを参照する
document.イメージ名.name …… 画像のname属性の値を参照する
document.イメージ名.complete …… 画像の読み込みが完了したかどうかを返す
document.イメージ名.width …… 画像の横幅を設定する
document.イメージ名.height …… 画像の高さを設定する
document.イメージ名.hspace …… 画像の水平方向の余白を設定する
document.イメージ名.vspace …… 画像の垂直方向の余白を設定する
document.イメージ名.border …… 画像のボーダーの太さを設定する