[bes]

Не могу понять как при нажатии на div получить содержимое array

<meta charset="utf-8">
<style>
.news {
	cursor: pointer;
	border: solid 1px;
}
</style>
<div  class="list"> 
	<div id="0-news" class="news">One</div>
    <div id="1-news" class="news">Two</div>
    <div id="2-news" class="news">Three</div>
    <div id="3-news" class="news">Last one</div>
</div>
<script>
(function () {
var newsListData = [
  {
	    "group" : "science",
	    "title" : "Текст тут",
	    "image" : "images/news1.jpg",
	    "content" : "1 Много текста."
	},
	{
	    "group" : "science",
	    "title" : "Название",
	    "image" : "images/news2.jpg",
	    "content" : "2 Очень много текста"
	},
	{
	    "group" : "science",
	    "title" : 'Название',
	    "image" : "images/news3.jpg",
	    "content" : "3 Много текста"
	},
	{
	    "group" : "economics",
	    "title" : 'Еще название',
	    "image" : "images/news4.jpg",
	    "content" : "4 Очень много текста"
	}];
	document.querySelector(".list").addEventListener("click", function (e) {
		if (e.target.className == "news") {
			e.target.innerHTML = newsListData[ Array.prototype.indexOf.call( this.querySelectorAll(".news"), (e.target) )].content;
		}
	});
})();
</script>