为了账号安全,请及时绑定邮箱和手机立即绑定

关于 divs[this.value].style.display='block';的问题

function $(id){
   return typeof id==='string'?document.getElementById(id):id;
}
window.onload=function(){
   //获取鼠标滑过或点击的标签和要切换内容的元素
   var titles=$('notice-tit').getElementsByTagName('li');
   var divs=$('notice-con').getElementsByTagName('div');
   if(titles.length!=divs.length)
       return;
   //遍历titles下所有li
   for(var i=0;i<titles.length;i++){
       titles[i].value=i;
       titles[i].onmouseover=function(){
           for(var j=0;j<titles.length;j++){
               titles[j].className='';
               divs[j].style.display='none';
           }
           this.className='select';
           divs[this.value].style.display='block';
       }

   }
};

这里最后一行divs[this.value].style.dispaly='block'和divs[i].style.display='block'为什么是不相同的?后面一个在浏览器上没反应,还有就是

titles[i].value/id/type都可以进行,那为什么titles[i].index不行???

正在回答

2 回答

首先要知道这个this是什么   在onmouseover 事件里  this就是指当前鼠标所处的元素。this.value就是一个固定的值,如果用i的话就是所有的了,在循环里i的取值是从0到titles.length的。就相把所有的title的style.display='block';

0 回复 有任何疑惑可以回复我~

你说的大概懂了,那个titles【i】.value/type/id都可以,为什么titles【i】.index不行呢?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于 divs[this.value].style.display='block';的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号