如何将图像对象写入div

时间:2015-06-25 01:18:53

标签: javascript html

首先,对不起,如果已经问过,但我没有找到它:/

我有一个带有字符串的2D数组,一旦写入div就会显示图像。

我将它们写入div中,将其写入两个圈内:

myDiv.innerHTML += 2dArray[i][j];

到目前为止,图像显示得很好。

接下来,我通过执行以下操作将图像选择到数组中: images = myDiv.children;

图像现在变成了我放回2D阵列的物体。

我改变了一些属性,然后尝试将它们写回div。

这是失败的地方。到目前为止,我尝试了所有我知道的事情。

尝试:

  • toSource();
  • 的appendChild();

如果其中任何一项有效,我可能错了。

div显示了这个:

[object HTMLImageElement],[object HTMLImageElement],

[object HTMLImageElement],[object HTMLImageElement]

我想要显示图像。

2 个答案:

答案 0 :(得分:2)

您不应该再次将它们添加到myDiv元素中。您使用myDiv.children检索的img元素仍附加到myDiv。

如果您执行以下操作,第一个孩子将以红色背景重新渲染

images = myDiv.children;
images[0].style.backgroundColor = 'red';

答案 1 :(得分:0)

This page显示了一种使用

将图像插入容器元素的方法
myDiv.appendChild(images[i][j]); //assuming images[i][j] is an HTMLImageElement

PS。 2dArray不是有效的javascript变量名称!变量名不应该以数字开头。