Клонирование элементов по клик!

Доброе время суток. Подскажите пожалуйста, есть div внутри находиться заголовок(h3), + параграф с текстом§ + картинка которая позиционируеться bg-image, сам блок ширина 270px высота 200px. Как передать все содержимое блока описанного выше по клику на этот div в другой div который занимает ширину 1170px. Спасибо.

Я вас правильно понял https://jsfiddle.net/anatooly/2yhpt8nt/4/ ?

Я бы не рекомендовал использовать innerHTML. Пример с клонированием каждого ребенка. Предполагаем что sourceNode и targetNode определены и содержат ссылки на узлы.

sourceNode.addEventListener('click', function () {
	var nodesToClone = sourceNode.childNodes
	var transferObject = document.createDocumentFragment()
	for (var i = 0; i < nodesToClone.length; i += 1) {
		transferObject.appendChild(nodesToClone[i].cloneNode(true))
	}
	targetNode.appendChild(transferObject)
})

Спасибо Вам!