Jag har följande kod:

<div id="element_0">
element 1
</div>


<div id="element_1">
element 2
</div>

<script type="text/javascript">
<!--

var obj = document.getElementsByTagName("div");

for( var i = 0; i < obj.length; i++ )
{
document.getElementById("element_"+ i).onclick = function () { alert(i) }
}

// -->
</script>

Där jag vill aktivera "onClick" för respektive DIV-element.
Men jag lyckas inte. Om ni provar skriptet i en webbläsare så ser ni att variabeln i som jag skriker ut när man klickar på respektive, blir 2 i båda fallen. Hur i "#¤# kan den bli det?
Det kan inte vara någon specifik webbläsarbugg då det blir samma i Opera, IE och Firefox.

Jag har provat att sätta "setAttribute('onClick.." också men den fungerar inte i IE.

Jag vill inte göra det så lätt att jag sätter onMouseOver direkt i DIV-taggen, utan jag vill göra det med hjälp av javascript.

Vore tacksam för hjälp!