各種問題,求助!
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這里為什么沒有就不行?
2016-12-02
第一個問題:通過index把<li>和<div>對應起來,且index作為<li>的一個屬性,問題1的寫法,我猜應該是i的作用域的問題。
第二個問題:
第三個問題:window.onload相當于網頁的初始化程序,給每個<li>賦一個onclock屬性。
2016-12-02
第一個問題:通過index把<li>和<div>對應起來,且index作為<li>的一個屬性,問題1的寫法,我猜應該是i的作用域的問題。
第二個問題:
第三個問題:window.onload相當于網頁的初始化程序,給每個<li>賦一個onclock屬性。