Listenelement klickbar machen und link.href auslesen

[rookie]

Hallo!

Das HTML gestaltet sich wie folgt:

  
...  
<li class="hover">  
	<div>  
		<h3><a href="index.html" class="goto">Etwas Text ...</a><h3>  
		<p>Etwas Text ...</p>  
	</div>  
</li>  
...  

Das Dokument besitzt mehrere Listenelemente derselben Klasse. Meine Aufgabe ist es, die Listenelemente klickbar zu machen und die href des jeweils innenliegenden Links auszulesen.

Das Listenelement klickbar zu machen, habe ich wie folgt gelöst:

  
	var li_elements = document.getElementById("main").getElementsByTagName("li");  
	for(var i = 0; i < li_elements.length; i++) {  
		var li_element = li_elements[i];  
		if(li_element.className == "hover") {  
			li_element.onclick = goto;  
		}  
	}  
	function goto(e) {  
		if (!e) e = window.e;  
		var target = e.target || e.srcElement;  
		//alert(target.className);  
		  
	}  
  

Hat jemand eine Idee, wie ich die href des jeweiligen Links an die Funktion übergeben kann?

Vielen Dank im Voraus!

Rookie