在javascript中提供图像源时，如何使用变量？

如果我键入以下内容：

test.innerHTML += "<img src=./images/pink.JPG>"+"<label> <input type='radio' name='choices' value='A'></label>";

test.innerHTML++=”；

我能够显示粉红色的图像。但是，如何使用变量来实现这一点 i、 e picture=“pink.JPG”

我试过了

test.innerHTML += "<img src=./images/' + picture + '>"+"<label> <input type='radio' name='choices' value='A'></label>";

test.innerHTML++=”；

---

但是它不起作用。正确的方法是什么？

键使用的引号与包装字符串时使用的引号相同，在本例中为双引号

test.innerHTML += "<img src='./images/" + picture + "'><label> <input type='radio' name='choices' value='A'></label>";

test.innerHTML+=”；

您需要使用

“

而不是

”

因此，您的代码木如下所示：

test.innerHTML++=“”

---

如果您仍然想使用

“

来“拥抱”一个属性，您可以使用

\”

我们现在在ES6中使用

反勾号`。如果您使用这些，您就不必再担心任何其他事情。只需尝试以下方法：

test.innerHTML += `<img src="./images/pink.JPG"><label><input type="radio" name="choices" value="A"></label>`;

test.innerHTML+=`；

这也有助于使用
${srcUrl}在代码中添加的动态数据或url（字符串插值）
这也非常容易使用。
@Bea:希望这是迄今为止最好、最简单的方法。您可以从ES6字符串插值主题中了解更多关于这一点的信息。请对我的答案进行评分，并接受我的答案，以使其他人也能从中受益。谢谢您，朋友：）