這幾行代碼是什么意思?
?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.通過遍歷,給相應的元素設置索引值。2.將索引值為i的li標簽的類名設置為空,也就是暫時刪除hide類名3.this就是指當前高亮的元素4.讓當前的div元素顯示
2016-09-21
可以這么理解,aDiv[this.index]獲取的是相應索引值下的div元素
2016-09-21
這個是給當前元素添加了一個active的類,并顯示這個類所包含的樣式
2016-09-21
索引值是該元素的一個屬性,你這樣的寫法是將i的值賦給了這個元素,邏輯上有錯誤。
this是指當前的元素,比如說你點擊了第二個li標簽,那么this就指代第二個li標簽