var aLi=document.getElementsByTagName('li'); var aUl=document.getElementsByTagName('ul')[0]; for循环为每个li绑定点击事件,因为如果页面中拥有太多的对象的话,会影响速度与性能 所以我们可以用事件委托来优化我们的代码 for(var i=0; i<aLi.length; i++){ aLi[i].οnclick=function(){ alert(123); } }
事件委托: aUl.οnclick=function(event){ //委托其父元素执行 var e=event||window.event //兼容 if(event.target.tagName.toLocaleLowerCase()=='li'){ //判断如果点击的位置的元素名字和li一样的话,执行绑定内容 alert(123); } }