Как добавить объект в div?

Question

[Константин]

Добрый вечер, как добавлять элементы массива в div я понял, а вот как весь объект массива добавить я не понял.

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

<div>
		name: 'Береза',
		price: 150,
		img: 'img/Береза.jpg'
	</div>

вот сам исходник:

var goods = [
	{
		name: 'Береза',
		price: 150,
		img: 'img/Береза.jpg'
	},
	
	{
		name: 'Ель',
		price: 200,
		img: 'img/Ель.JPG'
	},
];

for (var i = 0; i<goods.length;i++ ) {
	var good = goods[i]; 
 
	
	var div = document.createElement ("div");
	div.innerHTML = good.name; 
	
	var div_price = document.createElement ("div");
	div_price.innerHTML = good.price;

	var img = document.createElement ("img");
	img.src = good.img;

	var div_container = document.createElement("div");
	div_container.innerHTML = ??????????;

	

	document.body.appendChild(div);
	document.body.appendChild(div_price);
	document.body.appendChild(img);
	document.body.appendChild(div_container);
	


	img.style.width="100px";
	img.style.height="100px";


}

в этом месте:

var div_container = document.createElement("div");
	div_container.innerHTML = ??????????;

я не знаю что дописать, просто good не работает.

Answer 1

[Alexander Pushkarev]

Это хотели сделать?

let goods = [
    { name: 'Береза', price: 150, img: 'img/Береза.jpg' },
    { name: 'Ель', price: 200, img: 'img/Ель.JPG' },
];

goods.map(good => {
    let wrapper = document.createElement('div'),
        name    = document.createElement('div'),
        price   = document.createElement('div'),
        image   = document.createElement('img');

    name.innerHTML      = good.name;
    price.innerHTML     = good.price;
    image.src           = good.image;
    image.style.width   = '100px';
    image.style.height  = '100px';

    wrapper.appendChild(name);
    wrapper.appendChild(price);
    wrapper.appendChild(image);

    document.body.appendChild(wrapper)
});

Comments

[Константин]

Вы очень новомодно написали) я изучаю js и пока сложно это понять, попробую разобраться что к чему) спасибо!