Добавление значений в div, созданный из document.createElement

Question

У меня есть DIV, созданный из document.createElement. У меня есть несколько текстов и изображений, которые необходимо добавить в этот DIV. Может ли кто-нибудь предложить мне лучший способ сделать это? Путь изображения задается в переменной изображения. Ниже приведен код, который я уже написал. contentattachpoint - это еще один DIV, который есть на странице HTML, который получен

var contentattachpoint=document.querySelector('.contentattachPoint'); 


var year="Year of Manufacture:"+arr[i].year; 
var power="Engine Power:"+arr[i].power; 
var description="Description:"+arr[i].description; 
var image=arr[i].image; 
var details = document.createElement("div"); 
details.setAttribute("id", "details"); 
details.className = "details"; 
details.value=year+power+description; 
contentattachpoint.appendChild(details) 

Заранее спасибо.

Answer 1

просто делать то, что вы уже делаете используйте details.appendChild()

Посмотрите на этот образец, например:

только что создали демонстрационный пример, чтобы показать вам, как динамически создать DIV и добавить пункт тег и тег изображения к нему.

http://jsfiddle.net/2LAYS/2/

Answer 2

Если вы используете jQuery, используйте функцию .append().

Пример:

$('#details').append('<img src="' + image + '" />'); 

вы также должны взглянуть на Prepend

Источник (ы)

jQuery API - append()
jQuery API - prepend()

Answer 3

По что я понимаю вас вопрос, я считаю, что вам нужно текст и изображения как в DIV, что вы создали так сделать что-то вроде этого

details.innerHTML = description + "<img src='"+image+"'>";