如何利用JS动态创建标签并附于事件

function $(str){return document.getElementById(str);}

for(var i=0;i<10;i++)
{
  var span=document.createElement("span");
  span.className="span";
  span.innerHTML=i;
  
//  span.onclick=function()
//{
//   alert(this.id);
//}
//---这里要注意的是跌代赋于事件传的对象要使用this不然只会最后一个标签赋事件成功！
 span.onclick=function()
{
   messageBox(this);
}
}

function messageBox(obj)
{
 alert(obj.id);
}