将Javascript对象添加到innerHTML中

时间:2011-08-10 22:15:42

标签: javascript object innerhtml

假设我创建了如下图像对象。 (create();是我写的函数,但我知道这个函数有效。)

var img = create("img", "images/duba.jpg");

当我尝试将此图像放入另一个div对象的innerHTML时,我会得到图像显示的纯文本:

[object HTMLImageElement]

将一个对象插入另一个对象的正确方法是什么?我不得不认为有一种比使用字符串对innerHTML进行硬编码更优雅的方法,我已经尝试过了。

5 个答案:

答案 0 :(得分:4)

调用appendChild将DOM元素附加到现有元素。

答案 1 :(得分:2)

如果要创建元素,则不能将其设置为节点的innerHTML,它需要一串HTML。只需使用DOM操作

parent.appendChild ( create("img", "images/duba.jpg") );

答案 2 :(得分:1)

您应该使用DOM操作方法。例如。

答案 3 :(得分:1)

我认为您需要使用:

otherObject.appendChild(img);

答案 4 :(得分:1)

使用appendChild方法。 innerHTML属性接收字符串,而不是DOM元素。

https://developer.mozilla.org/En/DOM/Node.appendChild