Как получить текущий элемент в getElementsByClassName

Рассмотрим простое JS-событие

document.getElementsByClassName('test')[0].onclick=function(){
document.getElementsByClassName('test')[0].innerHTML = 'New Text';
}

Как я могу расширить этот код, чтобы он работал для всех элементов с class="test". Я имею в виду щелчок по элементу и замену его содержимого. На самом деле нам нужно получить номер узла (указан в скобках) из события click.

Я пытаюсь лучше понять javascript в ненавязчивых кодах, а не в практических методах, таких как jQuery.