js li的问题

Question

<ul id="tabs">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>
<div>li1</div>
<div>li2</div>
<div>li3</div>
<div>li4</div>
我的代码写错了，怎么改。function $(id){
            return document.getElementById(id);
        }
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            
            for(var i=0;i<li.length;i++){
                li[i].onmouseover=function(){                    
                    for(var j=0;i<li.length;i++){
                        if(i!=j){
                            li[j].className="out";
                            div[j].style.display="none";
                        }
                        else{                        
                            li[j].className="move";
                            div[j].style.display="block";
                        }
                    }                    
                }
            }

Answer 1

window.onload = function(){
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            
            for(var i=0;i<li.length;i++){
                li[i].onmouseover=function(){                    
                    for(var j=0;i<li.length;i++){
                        if(i!=j){
                            li[j].className="out";
                            div[j].style.display="none";
                        }
                        else{                        
                            li[j].className="move";
                            div[j].style.display="block";
                        }
                    }                    
                }
            }}

Answer 2

<ul id="tabs"> var tabsUl=$("tabs1");

Answer 3

 var tabsUl=$("tabs1");有这个元素吗？

Answer 4

<ul id="tabs1"> 是我打漏了个1！   是我复制上来再改过的！
我的代码那里是错的。不用改我的了。你可以写一个给我吗？

Answer 5

function $(id){
            return document.getElementById(id);
        }
            var tabsUl=$("tabs1");
            var li=tabsUl.getElementsByTagName("li");
            var div=document.getElementsByTagName("div");
            var nowindex=0;
            for(var i=0;i<li.length;i++){
                div[i].style.display='none';
                li[i].onmouseover=function(){                    
                      div[nowindex].style.display='none';
                      li[nowindex].className='out';
                      div[i].style.display='block';
                      li[i].className='move';
                      nowindex=i;
                }
            }

Answer 6

for(var i=0;i<li.length;i++){
                li[i].onmouseover=function(){                    
                    for(var j=0;j<li.length;j++){//j --> i
                        if(i!=j){
                            li[j].className="out";
                            div[j].style.display="none";
                        }
                        else{                        
                            li[j].className="move";
                            div[j].style.display="block";
                        }
                    }                    
                }
            }

Answer 7

      for(var j=0;i<li.length;i++){

Answer 8

test
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" id="js">
function $(id){
    return document.getElementById(id);
}window.onload = function(){
    var tabsUl=$("tabs");
    var li=tabsUl.getElementsByTagName("li");
    var div=document.getElementsByTagName("div");
    
    for(var i=0;i<li.length;i++){
        (function(){
        var index=i;
        li[index].onmouseover=function(){
            for(var j=0;j<li.length;j++){
                if(index!=j){
                    li[j].className="out";
                    div[j].style.display="none";
                }
                else{
                    li[j].className="move";
                    div[j].style.display="block";
                }
            }
        }
        })();
    }
}</script>
<ul id="tabs">
    <li>1 </li>
    <li>2 </li>
    <li>3 </li>
    <li>4 </li>
</ul>
<div>li1 </div>
<div>li2 </div>
<div>li3 </div>
<div>li4 </div>