javascript - JavaScriptとCSSを使用して画像を表示する

Question

画像ボタンをクリックするだけでさまざまな画像を呼び出すJavaScriptコードを作成する必要があります。画像にproduct1、product2、product3という名前を付けました。JavaScriptは初めてです。

var count;
document.getElementById("divProduct").style.backgroundImage="url('images/product'+count)";

上記のコードを試していますが、機能していません

Answer 1

構文の強調表示を見ると、+ countは文字列として扱われています。

一重引用符（一種）の外側に配置しますが、文字列を区切るために実際に使用している引用符である二重引用符の外側に配置する必要があります。

document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + "')";

Answer 2

あなたのコードはBlenderが言ったようになっているはずですが、それでもうまくいかない場合はdivサンプルを追加してください：

<div id="divProduct">&nbsp;</div>

Answer 3

画像拡張子もありません。画像の種類に応じて、.pngまたは.jpgなどの画像にする必要があります。

また、コンソールでエラーが発生していないかどうかも知りたいです。

編集：この質問への答えを探している人は、私の下のブレンダーの返信もチェックしてください。

Answer 4

私はそれが次のようでなければならないと思います。

var count;
document.getElementById("divProduct").style.backgroundImage="url('images/product" + count + ".jpg')";