Question

好的，我有这个问题。我想将myPath变量放入我图片的src属性中。

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：

您可以在文档中添加和删除元素;和
您可以在元素

属性

因此，如果在你的标记中你有类似的东西：

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

您可以添加img元素作为div元素的子元素，如下所示：

var myDiv = document.getElementById('my-div'); // grabs #my-div
var myPath = 'img/image.png'; // initialises string variable myPath
var myImg = document.createElement('img'); // creates a new img element


myImg.setAttribute('src', myPath); // adds a src attribute (with the value myPath) to myImg
myDiv.appendChild(myImg); // adds a child element (myImg) to myDiv

Answer 3

将其作为字符串连接

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

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

如何将变量放在src属性中？

3 个答案: