点击ul的li，弹出处于ul中的第几条
< ul id = " container " > < li > 只是第一条 </ li > < li > 只是第二条 </ li > < li > 只是第三条 </ li > </ ul > // 事件代理方式 const ul = document . getElementById ( 'container' ) ; const li = document . querySelectorAll ( 'li' ) ; ul . addEventListener ( 'click' , function ( e , index ) { const target = e . target // debugger for ( let i = 0 ; i < li . length ; i ++ ) { if ( li [ i ] == target ) { alert ( `当前处于ul的第 ${ i + 1 } 条。` ) ; } } } ) ; // 普通方式 const list = document . getElementById ( 'container' ) . children ; //获取所有的li标签 for ( var i = 0 ; i < list . length ; i ++ ) { //遍历每一个li标签 list [ i ] .