學了10天樣子的JS找了些題來練習，很多不明白。希望大家幫幫忙，先上代碼。.active ? ?{ ? ? ? ?background:#9CC; ? ?} ? ?.div2 ? ?{ ? ? ? ?width:300px; ? ? ? ?height:200px; ? ? ? ?border:1px #666666 solid; ? ? ? ?display:none; ? ?}</style> ? ?<script> ? ? ? ?window.onload=function(){ ? ? ? ? ? ?var odiv=document.getElementById('div1'); ? ? ? ? ? ?var btn=odiv.getElementsByTagName('input'); ? ? ? ? ? ?var div2=odiv.getElementsByTagName('div') ; ? ? ? ? ? ?for(i=0;i<btn.length;i++) ? ? ? ? ? ?{ ? ? ? ? ? ? ? ?btn[i].index=i; ? ? ? ? ? ? ? ?btn[i].onclick=function() ? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ? ?for(i=0;i<btn.length;i++) ? ? ? ? ? ? ? ? ? ?{ ? ? ? ? ? ? ? ? ? ? ? ?btn[i].className='';? ? ? ? ? ? ? ? ? ? ? ? ?div2[i].style.display='none'; ? ? ? ? ? ? ? ? ? ?} ? ? ? ? ? ? ? ? ? ?this.className='active'; ? ? ? ? ? ? ? ? ? ?div2[this.index].style.display='block'; ? ? ? ? ? ? ? ?} ? ? ? ? ? ?} ? ? ? ?} ? ?</script></head><body><div id="div1"> ? ?<input type="button" ?class="active" value="1"/> ? ?<input type="button" value="2"/> ? ?<input type="button" value="3"/> ? ?<input type="button" value="4"/> ? ?<div class="div2" style="display:block;">11</div> ? ?<div class="div2">22</div> ? ?<div class="div2">33</div> ? ?<div class="div2">44</div></div></body>代碼是抄襲網上的，運行過能行。但是不能理解加粗，下劃線的兩行代碼。1‘?btn[i].index=i;這一句的index是索引位置，但是感覺遍歷btn就知道了位置。改為自定義的屬性a,b測試過都行，這個理解不知到對不對。2’div2[this.index].style.display='block';這個this.index應該大致等于?btn[i].index，但是為什么不能寫成div2[btn[1].index]和div2[i]。3‘div2沒有遍歷過為什么和input是對應的，點input2就是div2
js關于簡單選項表的一些疑問？
qq_藥藥_0
2017-04-12 13:46:09
