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

-1

我试图通过将某些图像保存为数组中的变量，然后编辑某些div的innerHtml以包含它们来“动态”图像没有显示。我正在使用img.src = varName;以下是代码的链接：https://repl.it/GBoa/1（这里还有一个指向上传图片的网站版本的链接：cardtestwdi.bitballoon.com）。我将不胜感激任何帮助。Node.src = variableName /添加带有innerHTML和变量问题的HTML图像

来源

2017-03-01 Moe Chughtai

请包括代码在这个问题上，而不是仅仅连接到它。 –

如果要使用字符串设置innerHTML，则必须提供完整的HTML字符串。您不能创建字符串，然后使用常规DOM节点的属性。例如，你可以使用以下命令：

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

但是不是这样做的，我会建议使用document.createElement创建JavaScript中的节点，并使用document.appendChild追加到DOM：

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

来源

2017-03-01 03:41:39 grovesNL

对于HTMLImageElement，还有方便的Image（width，height）构造函数。 – Kaiido

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

回答

相关问题