Coffeeed
2017-03-04 15:09
window.onload=function (){
//切换面板事件
var oShow=document.getElementById('loginStateShow');
var oTxt=document.getElementById('login2qq_state_txt');
var oUl=document.getElementById('loginStatePanel');
var oLis=document.getElementsByTagName('li');
var oState=document.getElementById('loginState');
oState.onclick=function() {
oUl.style.display='block';
}
for(var i=0;i<oLis.length;i++){
oLis[i].onmouseover=function(){
this.style.background='#567';
}
oLis[i].onmouseout=function(){
this.style.background='#FFF';
}
oLis[i].onclick=function(){
oUl.style.display='none';
oTxt.innerHTML=oLis[i].childNodes[1].innerHTML;
var id=oLis[i].id;
oShow.className='';
oShow.className="login2qq_state_txt"+id;
}
}
}
- -这么写有报错吗,this还能规避闭包的问题,就是如果要给所有<li>绑事件,不如事件委托绑<ul>上去。
DOM事件探秘
99532 学习 · 1300 问题
相似问题