關(guān)于this和index的問題
? ? ? ??
? ? // JS實現(xiàn)選項卡切換
? ? ?window.onload=function(){
? ? ?var tabs=document.getElementById("tabs");
? ? ?var li=document.getElementsByTagName("li");
? ? ?var div=tabs.getElementsByTagName("div");
? ? ?for(var i=0;i<li.length;i++){
? ? ? ? ?li[i].index=i;
? ? ? ? ?li[i].onclick=function(){
? ? ? ? ? ? for(var n=0;n<li.length;n++){
? ? ? ? ? ? ? ? li[n].className="";
? ? ? ? ? ? ? ? div[n].className="hide";
? ? ? ? ? ? }?
? ? ? ? ? ? this.className="on";
? ? ? ? ? ? div[this.index].className="";
? ? ? ? ?}
? ? ?}
?}
this的用法到底是什么,這里指的是<li>嗎,將i的值f賦給<li>的索引,最后是怎樣和div索引綁定的??
2017-03-03
li[i].index=i; ?這里是自定義屬性,給li循環(huán)添加了一個index,這個index可以命名(abc,sadfaf),只是習慣和方便閱讀.
代碼 li[n].className=""; 是把所有l(wèi)i的className清空
這里的this指的是你點擊的對象,就是li,把點擊的li的className變成'on';
div[this.index]這里的this.index就是你點擊的li身上的自定義索引值,0或1或2,比如點擊第1個或第3個li ?,理解為div[0] ? div[2]
2017-03-29
this在這里指向的是調(diào)用函數(shù)的對象
2017-03-05
? ? ?li[i].index=i; ?這段代碼是什么意思啊,總覺得他可有可無,li[i]就可以找到對應(yīng)的li啊??求解答