這幾行代碼是什么意思?
?window.onload = function() {
??????? var oUl1 = document.getElementById("ul1");
??????? var aLi = oUl1.getElementsByTagName("li");
??????? var oDiv = document.getElementById("tab-list");
??????? var aDiv = oDiv.getElementsByTagName("div");
??????? for(var i = 0; i < aLi.length; i++) {
??????????? aLi[i].index= i;
??????????? aLi[i].onmouseover = function() {
??????????????? for(var i = 0; i < aLi.length; i++) {
??????????????????? aLi[i].className = "";
??????????????? }
??????????????? this.className = "active";
??????????????? for(var j = 0; j < aDiv.length; j++) {
??????????????????? aDiv[j].className = "hide";
??????????????? }
??????????????? aDiv[this.index].className = "show";
??????????? }???????
??????? }
??? }
???1、aLi[i].index = i 2、aLi[i].className = "" 3、 this.className = "active"; 4、 aDiv[this.index].className = "show"; ,特別是第三條的this指的是什么
2016-09-21
1.通過遍歷,給相應(yīng)的元素設(shè)置索引值。2.將索引值為i的li標(biāo)簽的類名設(shè)置為空,也就是暫時(shí)刪除hide類名3.this就是指當(dāng)前高亮的元素4.讓當(dāng)前的div元素顯示
2016-09-21
可以這么理解,aDiv[this.index]獲取的是相應(yīng)索引值下的div元素
2016-09-21
這個(gè)是給當(dāng)前元素添加了一個(gè)active的類,并顯示這個(gè)類所包含的樣式
2016-09-21
索引值是該元素的一個(gè)屬性,你這樣的寫法是將i的值賦給了這個(gè)元素,邏輯上有錯(cuò)誤。
this是指當(dāng)前的元素,比如說你點(diǎn)擊了第二個(gè)li標(biāo)簽,那么this就指代第二個(gè)li標(biāo)簽