Q:

addEventListener и getElementsByClassName

Здравствуйте.
есть html: 
<div id="arr">
   <div class="test">sdvsdvsdv</div>
   <div class="test">4349567294</div>
</div>

нужно с помощью addEventListener, getElementById и document.getElementsByClassName без использования JQUERY при клике на <div class="test"></div> получить html значение элемента, на который кликнули.

A:

Это можно сделать например так: https://jsfiddle.net/matkdLxf/
Тоже самое с помощью getElementsByClassName: https://jsfiddle.net/23w21c3z/

var test_items = document.querySelectorAll(".test");
var result = document.getElementById("result");

for (var i = 0; i < test_items.length; i++) {
    test_items[i].addEventListener("click", function () {
     result.innerHTML = this.innerHTML;
    }, false);
}
#result {
    margin-top: 20px;
    border-top: 2px solid #ccc;
    padding-top: 10px;
}
<div id="arr">
    <div class="test">sdvsdvsdv</div>
    <div class="test">4349567294</div>
</div>

<div id="result">

</div>

