<div id="left"><div id="left_bt"> <div id="bt"></div> //这里undefined,触及后应该跟着id="f_bt"的index变的 <div ></div><!--bt--> <div id="f_bt"> <div index="1">零售店</div> <div index="2">服务店</div> <div index="3">公司直营店</div> <div index="4">批发市场</div> <div index="5">商场超市</div> <div index="6">找商品</div> </div><!--f_bt副标题--> </div><!--left_bt左侧标题--> <div id="dis_fbt" style="display:none;"> <div>中国零售店</div> <div>中国服务店</div> <div>中国公司直营店</div> <div>中国批发市场</div> <div>中国商场超市</div> <div>找商品</div> </div> <div id="left_neirong"> //这里undefined,触及后应该跟着index变的(js)</div> </div> <!--left左侧--> <div id="neirong" style="display:none;"> <div id="left1"> </div></div> <div id="left2"></div> <div id="left3"></div>========================== window.onload=function (){ var of_bt=document.getElementById("f_bt").childNodes; var oneirong=document.getElementById("left_neirong"); var oleft=document.getElementById("neirong").childNodes; var oxl=document.getElementById("xl"); var odis_fbt=document.getElementById("dis_fbt").childNodes; of_bt[0].className="onhover"; oneirong.innerHTML=oleft[0].innerHTML; document.getElementById("bt").innerHTML=odis_fbt[0].innerHTML; for( var i=0; i<of_bt.length; i++){//副标题版块滑动时触发 of_bt[i].onmouseover=function(){ document.getElementById("bt").innerHTML=odis_fbt[this.index-1].innerHTML; for(var a=0; a<of_bt.length; a++){ of_bt[a].className=""; } this.className="onhover"; var oid="left"+this.index; oneirong.innerHTML=document.getElementById(oid).innerHTML; } } //window.onload事件结束 } 感觉是上面的js出了问题,如果是将this.index=1 然后this.className="onhover"; var oid="left"+this.index; oneirong.innerHTML=document.getElementById(oid).innerHTML;拿到上面去,又可以显示neirong,但是bt还是undefined。 谢谢哦~你上次说的方法试了一下,this.getAttribute("index"),好像还是不行哦~帮帮忙哦~ 浏览器不兼容了
我不明白你到底要什么效果,反正我改了一下js兼容性,不知道是不是你想要的 window.onload=function (){ var of_bt=document.getElementById("f_bt").children; var oneirong=document.getElementById("left_neirong"); var oleft=document.getElementById("neirong").children; var oxl=document.getElementById("xl"); var odis_fbt=document.getElementById("dis_fbt").children; of_bt[0].className="onhover"; alert(of_bt[0]); oneirong.innerHTML=oleft[0].innerHTML; document.getElementById("bt").innerHTML=odis_fbt[0].innerHTML; for( var i=0; i<of_bt.length; i++){//副标题版块滑动时触发 of_bt[i].onmouseover=function(){ document.getElementById("bt").innerHTML=odis_fbt[parseInt(this.getAttribute("index"))-1].innerHTML; for(var a=0; a<of_bt.length; a++){ of_bt[a].className=""; } this.className="onhover"; var oid="left"+(parseInt(this.getAttribute("index"))-1); oneirong.innerHTML=document.getElementById(oid).innerHTML; } } //window.onload事件结束 }