src属性に変数を配置するにはどうすればよいですか？

Question

だから私はこの問題があります。私は私のイメージの私のsrc属性にmyPath変数を載せていきたいと思います。

var myPath = img/image.png; 
//it's actually set by another function 

document.getElementById("myDiv").innerHTML = "<img src='myPath'>"; 

しかし、うまくいかないようです。どうすればいいのですか ？

（私はJSで本当に新しいです）

Answer 1

myPathがすでにMYPATHむしろ変数MYPATHを使用していないあなたのコードでは、文字列が含まれている文字列リテラルのほんの一部であり、あなたは文字列の連結を使用する必要があり、

var myPath = "img/image.png"; 
//it's actually set by another function 

document.getElementById("myDiv").innerHTML = "<img src='" + myPath + "'>"; 

Answer 2

ただ、JavaScriptを使用して文字列

var myPath = "img/image.png"; 
//it's actually set by another function 

document.getElementById("myDiv").innerHTML = "<img src='"+myPath"'>"; 

Answer 3

としてCONCAT：

あなたはこのような何かを行うことができますあなたは 文書にしてから 要素を追加および削除することができます

• 。

  <div id="my-div"></div> 
  

  あなたは子としてimg要素を追加することができますし、あなたがを追加および削除することができます

• は、あなたのマークアップであなたのようなものを持っているのであれば要素

にしてから属性のようなdiv要素の場合、次のようになります。