新手请教个问题

怎样把标签中的id转换成整数型 事先标签中的id是数字
比如
<li id="1"></li>
<li id="2"></li>
<li id="3"></li>
<script>
function change(n) {
    
    var image = document.getElementsByTagName("img")[0];
    image.src = "images/0" + n + ".jpg";
}
window.onload = function () {
  
     var e = document.getElementsByTagName("li");
    for (var i = 0; i < e.lenght; i++) {
        e[i].onmouseover = chang;
    }
}
</script>
想实现对标签li操作改怎么该，请大神们指教啊
在线等javascript  id

解决方案 »

  1.   

    <img />这个你没有定义
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <script>
    function change(ev) {
    ev= ev|| window.event;  //得到event对象
    var target= ev.target || ev.srcElement;//得到onmouseover 触发的Element
    while (target && target.nodeType == 3) target = target.parentNode;//如果是文本节点，则向上查找.
        var image = document.getElementsByTagName("img")[0];
        image.src = "images/0" + target.id + ".jpg";
    }window.onload = function () {
    console.log("ok");
        var e = document.getElementsByTagName("li");
    console.log(e);
        for (var i = 0; i < e.length; i++) {//红字拼写错误
    console.log(e[i]);
            e[i].onmouseover = change; //红字拼写错误
        }
    }
    </script>
      

  2.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function init(){
    var img=document.images[0];
    var lis=document.getElementsByTagName("li");
    for(var i=0;i<lis.length;i++){
    lis[i].onmouseover=function(){
    img.src="images/"+this.id+".jpg";
    }
    }
    }
    window.onload=init;
    </script>
    </head><body>
    <li id="1">1</li>
    <li id="2">2</li>
    <li id="3">3</li>
    <img src="images/2.jpg" />
    </body>
    </html>
    类似这样试试
      

  3.   

    window.onload = function () {
      
         var e = document.getElementsByTagName("li");
        for (var i = 0; i < e.lenght; i++) {
            e[i].onmouseover = chang;
        }
    }i < e.lenght应该是i < e.length
      

  4.   


    ie的话console.log()　那部分去掉，