<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<ul class="menu" id="menu">
<li>
<span>CARDS</span>
</li>
<li>
<span>FILTERS</span>
</li>
<li>
<span>STATS</span>
</li>
<li>
<span>HELP</span>
</li>
</ul>
<script>
var elem = document.getElementById("menu");
elem.onclick = function (e){
var li = event.srcElement || e.target;
while(li.tagName != "LI" && li )
{
li = li.parentNode;
}
alert(li.innerHTML);
};
</script>
</body>
</html>