Closures

by ronnjoe

HTML

<a href="//www.yahoo.com">Yahoo!</a><br/>
  <a href="//www.altavista.com">AltaVista</a><br/>
  <a href="//www.google.com">Google</a><br/>

JavaScript

function registerHandlers() {
  var as = document.getElementsByTagName('a');
   for (var i = 0; i < as.length; i++) {
  as[i].setAttribute("href", "javascript:void(0)");
  as[i].setAttribute("id", i);
    as[i].onclick = function() {
      alert(this.id);
      return false;
    }
  }
}
registerHandlers();

/* HTML code for testing purposes (do not submit uncommented):
<body>
  In my life, I used the following web search engines:<br/>
  <a href="//www.yahoo.com">Yahoo!</a><br/>
  <a href="//www.altavista.com">AltaVista</a><br/>
  <a href="//www.google.com">Google</a><br/>
</body>
*/