老师，为什么btn.innerText=i不会都变成11？

如果这样写：

var i=0;

for(i=1;i<=10;i++){

var btn=document.createElement('button');

btn.innerText=i;

btn.onclick=function(){

alert(i);

};

document.body.appendChild(btn);

}

为什么btn.innerText=i不会都变成11？而alert(i)就都变成11了？