Edit in JSFiddle

var test = document.querySelectorAll('.test');
var dene = document.querySelector('.dene');

test.forEach(function (test, index) {
  dene.innerHTML +=`index no..: ${index} html..: ${test} <br/>`;
  
});
<div class="test">
	<p>Lorem ipsum,Lorem ipsum,Lorem ipsum </p>
</div>
<div class="test">
	<p>Lorem ipsum,Lorem ipsum,Lorem ipsum </p>
</div>
<div class="test">
	<p>Lorem ipsum,Lorem ipsum,Lorem ipsum </p>
</div>
<div class="dene"></div>