differenze tra oggetto.proprietà e oggetto.getAttribute("proprietà")

[pietro09]

sto provando un po' di codice ed ho visto un po' di differenze tra IE7 e Firefox2 (è normale lo so ), ma purtroppo non ho capito il motivo.

Nella prova cerco degli elementi, nell'esempio il tag <a, e gli associo l'evento click

var elements = document.getElementsByTagName("a");
var n = elements.length;
for(var i = 0; i < n; i++)
{
	var element = elements[i];
	element.setAttribute("id", "a_" + (i+1));
	element.setAttribute("i", i);
	element.onclick = function()
		{
			alert(this.id + ", " + this.getAttribute("i")); 
			return false;
		}
}

così funziona sia in IE7, Firefox2 e Opera9.
se però metto:
this.id + ", " + this.i

allora funziona solo con IE7

il dubbio è :master: perchè posso mettere this.id e non this.i

In fondo, la sintassi oggetto.proprietà o oggetto.metodo() mi sembra più naturale