Wydobywanie wartości klikniętego elementu z tagu a

0

Witam,

Sprawa niby prosta ale w czystym Javascript nie mogę sobie poradzić.

Html:

<ul class="grupa">
	<li><a href="#">«</a></li>
	<li><a href="#">1</a></li>
	<li><span>...</span></li>
	<li><a href="#">2</a></li>
	<li><span>...</span></li>
	<li><a href="#">3</a></li>
	<li><a href="#">»</a></li>
</ul>

Po kliknieciu w któryś z elementów tagu 'a' chce wyjąć wartość tego tagu np.: «,1,2,3,»

Chce to zrobić przez funkcję 'onclick'. Ale nie chce:
1.Jej umieszczać w kodzie html.
2.Nie chce też dodawać żadnego id.

Najchętniej zrobiłbym to tak ale to nie działa:

Javascript:

var getAValue = function (){
	alert(this.a);
}

document.getElementsByTagName('a').onclick = getAValue;

Pozdrawiam

0

Dwie propozycje

// 1
for(let x of document.getElementsByTagName("a")){x.onclick = (z) => { alert(x.text); return false; }}
// 2
for(let x of document.getElementsByTagName("a")){x.addEventListener("click", (z) => { alert(x.text); return false; })}

1 użytkowników online, w tym zalogowanych: 0, gości: 1