ID未定义？

<script language="javascript">
var i=0;
function  on()
{
i=i-1;d1.style.top=i+"px";
setTimeout('on()',10); 
}
window.onload=on();
</script>
</head>
<body>
<div class="im">
<div class="zim"   id="d1">
<img src="img\im1.jpg" >
<img src="img\im2.jpg" >
<img src="img\im3.jpg" >
<img src="img\im4.jpg" >
</div>
</div>总是提示我 ID没有定义呢？  可是我已经定义了啊

解决方案 »

  1.   


    document.getElementById('d1').style.top=i+"px"; 
      

  2.   

    你的<body></body>没有闭合 而且你写的东西也不对..
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script language="javascript"> 
    var i=0; 
    function on() 
    { 
     i=i-1; 
     //alert(document.getElementById('d1').style.top);
     document.getElementById('d1').style.top=i+"px"; 
    setTimeout('on()',10); 
    } 
    </script> 
    </head>
    <body onload="on()">
    <div class="im"> 
    <div class="zim"  id="d1" style="top:10px;"> 
    <img src="img\im1.jpg" > 
    <img src="img\im2.jpg" > 
    <img src="img\im3.jpg" > 
    <img src="img\im4.jpg" > 
    </div> 
    </div> </body>
    </html>
      

  4.   

    window.onload=on(); 这里出问题了。这样写是调用，这个时候div还没加载，就找不到对象了。改成：
    window.onload = on;
      

  5.   

    改成： 
    window.onload = on;