JavascriptオブジェクトをinnerHTMLに追加する

Question

以下のようなイメージオブジェクトを作成します。 （create();は、私が書いた機能ですが、私はこの機能は動作します知っている。）

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

私はdiv要素だ別のオブジェクトのinnerHTMLにこの画像を置くしようとすると、私はどこの画像がすべきこのプレーンテキストを取得します表示：

[object HTMLImageElement]

このような別に一つのオブジェクトを挿入するための正しい方法は何ですか？私は文字列でinnerHTMLをハードコーディングするよりも優雅な方法があると考える必要があります。これはうまくいきました。

Answer 1

DOMエレメントを既存のエレメントに追加するには、appendChildを呼び出します。

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