アップデート 2024年7月17日

★JavaScriptリファレンス

山田太郎

テック・リード

当サイトのリンクからサインアップしても、利用者の方に追加料金はかかりませんが、私たちが紹介手数料を受け取る場合があります。

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

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

■構文・引数・戻り値

構文: イメージオブジェクト名.src
戻り値: 画像ファイルのURL

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

HTML + JavaScriptソース

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

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

↓↓↓

ブラウザ上の表示

■使用例２画像ファイルの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="https://www.htmq.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 …… 画像のボーダーの太さを設定する

山田太郎

山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

全ての投稿者山田太郎

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。

カジノを探す

Back

どちらのバンキング方式をご希望ですか？

Select one of the following options

{"is_any_tile":true}

信頼できる

{"is_any_tile":true}

アップル・ペイ

{"is_any_tile":true}

より良い

{"is_any_tile":true}

スクリル

{"is_any_tile":true}

ネッテラー

{"is_any_tile":true}

ペイパル

{"is_any_tile":true}

クレジットカード

Back

理想のウェルカムボーナスとは？

Select one of the following options

{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]}

ウェルカムボーナス

入金不要ボーナス

登録ボーナス

ボーナスはいらない

Back

最もプレーしたいゲームは？

Select one of the following options

{"is_any_tile":true}

スポーツベット

{"is_any_tile":true}

ライブカジノ

{"is_any_tile":true}

プリンコ

{"is_any_tile":true}

バカラ

{"is_any_tile":true}

ポーカー

{"is_any_tile":true}

ルーレット

{"is_any_tile":true}

スロット

Back

Restart

やったー！

これはあなたの選択に基づいた最高のカジノです...

402 users signed up

もっと表示する

★JavaScriptリファレンス

■構文・引数・戻り値

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

HTML + JavaScriptソース

ブラウザ上の表示

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

HTML + JavaScriptソース

ブラウザ上の表示

■関連項目

どのカジノが自分に最適か分からないですか?

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

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