你好,css js 在webkit内核下undefined了 ,IE7上是好的 IE8也undefined。

<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"),好像还是不行哦~帮帮忙哦~ 浏览器不兼容了
最新回答
思慕

2024-09-30 14:50:52

我不明白你到底要什么效果,反正我改了一下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事件结束
}