Javascript Node.src=variableName/添加带有innerHTML和变量issue的HTML图像

我试图“动态地”合并一些图像，将它们保存为数组中的变量，然后编辑一些div的innerHtml以包含它们，但是这些图像没有显示出来。我使用img.src=varName；下面是代码的链接：（这里还有一个链接，指向上传图片的网站版本：cardtestwdi.bitballow.com）。如果您想使用字符串设置

innerHTML

，则必须提供完整的HTML字符串。不能先创建字符串，然后再使用常规DOM节点的属性。例如，您可以使用以下选项：

var imgElement = "<img src='" + myArray[i] + "' alt='test' width='200px' height='275px'/>";

---

请在问题中包含代码，而不仅仅是链接到它。对于HTMLImageElement，还有方便的

图像（宽度、高度）

构造函数。

var imgElement = document.createElement('img');
imgElement.width = 200;
imgElement.height = 275;
imgElement.src = myArray[i];
myCard[i].appendChild(imgElement); // Append the image node to the card node