 
		AaronWell
2016-12-02 18:54
window.onload=function(){
    var ul=document.getElementById("ul1");   
    var li=ul.getElementsByTagName("li");
    var divv=document.getElementById("body"); 
    var div=divv.getElementsByTagName("div");
    for(var i=0;i<li.length;i++){
        li[i].index=i; 
        li[i].onmouseover=function(){
            for(var j=0;j<div.length;j++){
                div[j].className="hide"
                li[j].style.borderTop="";
                li[j].style.borderBottom="none" ;
            }            
            div[this.index].className="show";
            li[this.index].style.borderTop="2px solid #8B4513"
            li[this.index].style.borderBottom="2px solid #ffffff" ;
        }  
    }   
 }
--------------------------------------------------------------问题1----------------------------------------------------------
window.onload=function(){
    var ul=document.getElementById("ul1");   
    var li=ul.getElementsByTagName("li");
    var divv=document.getElementById("body"); 
    var div=divv.getElementsByTagName("div");
    for(var i=0;i<li.length;i++){
        li[i].onmouseover=function(){
            for(var j=0;j<div.length;j++){
                div[j].className="hide"
                li[j].style.borderTop="";
                li[j].style.borderBottom="none" ;
            }            
            div[i].className="show";
            li[i].style.borderTop="2px solid #8B4513"
            li[i].style.borderBottom="2px solid #ffffff" ;
        }  
    }   
 }
去掉index这些为什么就不能了,index实现了什么功能?
--------------------------------------------------------------问题2----------------------------------------------------------
window.onload=function(){
document.write("I");
    var ul=document.getElementById("ul1");   
    var li=ul.getElementsByTagName("li");
    var divv=document.getElementById("body"); 
    var div=divv.getElementsByTagName("div");
    for(var i=0;i<li.length;i++){
        li[i].index=i; 
        li[i].onmouseover=function(){
            for(var j=0;j<div.length;j++){
                div[j].className="hide"
                li[j].style.borderTop="";
                li[j].style.borderBottom="none" ;
            }            
            div[this.index].className="show";
            li[this.index].style.borderTop="2px solid #8B4513"
            li[this.index].style.borderBottom="2px solid #ffffff" ;
        }  
    }   
 }
为什么加了一个document.write("i"),就只显示i,其他都没了?
--------------------------------------------------------------问题3----------------------------------------------------------
window.onload这里为什么没有就不行?
 
				第一个问题:通过index把<li>和<div>对应起来,且index作为<li>的一个属性,问题1的写法,我猜应该是i的作用域的问题。
第二个问题:
第三个问题:window.onload相当于网页的初始化程序,给每个<li>赋一个onclock属性。
 
				第一个问题:通过index把<li>和<div>对应起来,且index作为<li>的一个属性,问题1的写法,我猜应该是i的作用域的问题。
第二个问题:
第三个问题:window.onload相当于网页的初始化程序,给每个<li>赋一个onclock属性。
JavaScript进阶篇
469067 学习 · 22582 问题
相似问题