ZOULOU17 ZOULOU17
关注数: 385 粉丝数: 270 发帖数: 3,431 关注贴吧数: 66
问题贴 this目标丢失问题 this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml1%2FDTD%2Fxhtml1-transitional.dtd&urlrefer=e9b2a1e0c6d358d677c4ee0138b67400"> <html xmlns="http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.w3.org%2F1999%2Fxhtml&urlrefer=d0f4243b5ce5e5fa54fdafc10831c319"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> #div1.active {background:yellow;} #div1 div{width:200px;height:200px;border:1px solid red; margin:10px;display:none;} </style> <script> window.onload=function() { var oDiv=document.getElementById('div1'); var aBtn=oDiv.getElementsByTagName('input'); var aDiv=oDiv.getElementsByTagName('div'); var index=aDiv.index; for(var i=0;i<aBtn.length;i++) { aBtn[i].index=i; aBtn[i].onclick=function(e) { alert(this.value);//此处this有效。。。 for(var i=0;i<=aBtn.length;i++) { aBtn[i].className=""; aDiv[i].style.display="none"; this.className='active';//正常这是放循环外的 aDiv[this.index].style.display='block';//正常这是放循环外的 } alert(this.value);//到此处this无效了,求大神解答。。。 }; } }; </script> </head> <body> <div id="div1"> <input class="active" type="button" value="教育" /> <input type="button" value="科研" /> <input type="button" value="理财" /> <input type="button" value="八卦" /> <div style="display:block;">111 </div> <div>2222</div> <div>333</div> <div>444</div> </div> </body> </html>
1 下一页