SO answer: pass href value to JS

http://stackoverflow.com/questions/35726425/how-to-pass-value-of-href-to-javascript-and-use-it-in-window-location-when-a-hyp/35727953#35727953

by enigmarm

HTML

<li class="x">
	<a id="1" title="1" href="./test.php?try" class="myLink">
		<img id="Button1" src="http://placehold.it/360x240">
		<div class="caption" style="color:red">FIRST</div>
	</a>
</li>
<li class="x">
	<a id="2" title="2" href="./test.php" class="myLink"> 
		<img id="Button2" src="http://placehold.it/360x240">
		<div class="caption" style="color:red">SECOND</div>
	</a>
</li>

JavaScript

var linksArray = document.getElementsByClassName("myLink");

	var myFunction = function(event) {
  	event.preventDefault();
		var href = this.getAttribute("href");
		alert('hello ' + href);
		//window.location = link;
		return false;
	};

	for (var i = 0; i < linksArray.length; i++) {
		linksArray[i].addEventListener('click', myFunction, false);
	}