將Javascript對象添加到innerHTML中

Question

說我創建一個像下面這樣的圖像對象。 （create();是我寫的一個功能，但我知道這個功能的工作原理。）

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

當我嘗試把這個圖像到另一個對象，這是一個div的innerHTML，我得到這個純文本，其中圖像應顯示：

[object HTMLImageElement]

什麼是插入一個對象到另一個像這樣正確的方法？我必須認爲有一種比字符串硬編碼innerHTML更優雅的方法，我已經成功地嘗試過了。

Answer 1

調用appendChild將DOM元素附加到現有元素。

Answer 2

您應該使用DOM操作方法。例如。

• element.appendChild^[MDN]
• element.insertBefore^[MDN]

Answer 3

我認爲你需要使用：

otherObject.appendChild(img); 

Answer 4

如果創建一個元素，你不能把它設置爲一個節點的innerHTML，這需要一串HTML。只需使用DOM操作

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

Answer 5

使用appendChild方法。 innerHTML屬性接收一個字符串，而不是DOM元素。

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