Добавление объектов Javascript в innerHTML

Question

Скажем, я создаю объект изображения, как показано ниже. (create(); - это функция, которую я написал, но я знаю, что эта функция работает.)

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

Когда я пытаюсь поместить это изображение в innerHTML другого объекта, который является div, я получаю простой текст, где изображение должно отображаться:

[object HTMLImageElement]

Какой правильный способ вставить один объект в другой, как этот? Я должен думать, что есть более изящный метод, чем жесткое кодирование innerHTML со строками, которое я успешно попробовал.

Answer 1

Вызовите appendChild, чтобы добавить элемент DOM к существующему элементу.

Answer 2

Если вы создаете элемент, вы не можете установить его как innerHTML узла, который принимает строку HTML.Просто используйте манипуляцию DOM

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

Answer 3

Используйте метод appendChild.Свойство innerHTML получает строку, а не элемент DOM.

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

Answer 4

Я думаю, вам нужно использовать:

otherObject.appendChild(img);

Answer 5

Вы должны использовать методы манипуляции DOM.Например,

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