jQueryを使わずにJavaScriptだけでimgタグの画像を変更する

他の記事のサンプルなどで既に記載していましたが、imgタグのsrcを書き換えて別の画像を表示する方法です。
ここでは、jQueryを使わずに素のJavaScriptだけで実現する方法です。

JavaScriptでimgタグのsrcを書き換える方法

HTML

任意のimgタグを用意します。最初に何も表示したくない場合は属性src自体記述不要です。

<img id="imgView" src="元の画像のURL">

スクリプト

imgタグのsrcに新しい画像を設定します。
srcにはURLや相対パス、DataURLなどを指定できます。

const imgElement = document.getElementById('imgView');
imgElement.src = '新しい画像のURL';
このエントリーをはてなブックマークに追加
にほんブログ村 IT技術ブログへ

関連コンテンツ

スポンサードリンク

コメント

メールアドレスが公開されることはありません。