Javascript 动态设置onClick属性

我试图在循环中设置动态生成的div的onClick属性，但是下面的代码除了生成div之外没有其他作用。有人能帮我吗

<script type="text/javascript">
function gengrid()
      {
          var i=0;
          var num_stud=8;
          var newdiv;
          var divIdName;
          var maindiv;
          for(i=1;i<=num_stud;i++)
          {
             newdiv = document.createElement('div');
             divIdName = '50'+i;
             newdiv.setAttribute('id',divIdName);
             newdiv.onClick= function(){addit(i);};
             newdiv.innerHTML = '<img src=50'+i+'.jpg alt="a"></img>';
             maindiv=document.getElementById('main');
             maindiv.appendChild(newdiv);
          }
      }
   gengrid();
   function addit(picno)
      {
          alert(picno+'');
       } 
  </script>

函数gengrid（）
{
var i=0；
var num_螺柱=8；
var newdiv；
var-divIdName；
var maindiv；
对于（i=1；i，
onclick
方法应该有一个小写的c

看这把小提琴：


函数gengrid（）
{
var i=0；
var num_螺柱=8；
var newdiv；
var-divIdName；
var maindiv；
对于（i=1；iTry
newdiv.onclick
和
simple c
。小写c可以工作，谢谢现在它总是提醒您
9
，对吗？
<script type="text/javascript">
function gengrid()
      {
          var i=0;
          var num_stud=8;
          var newdiv;
          var divIdName;
          var maindiv;
          for(i=1;i<=num_stud;i++)
          {
             newdiv = document.createElement('div');
             divIdName = '50'+i;
             newdiv.setAttribute('id',divIdName);
             newdiv.onclick= function(){addit(i);};
             newdiv.innerHTML = '<img src=50'+i+'.jpg alt="a"></img>';
             maindiv=document.getElementById('main');
             maindiv.appendChild(newdiv);
          }
      }
   gengrid();
   function addit(picno)
      {
          alert(picno+'');
       } 
  </script>