点击ul里的li获取点击的li的内容

      <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>凤梨</li>
      </ul> 
      
     <javascript>
     
     //good
       let uls=document.querySelector('ul')
       uls.onclick=(e)=>{
          if(e.target.nodeName==='LI'){
              console.log(e.target.innerHTML);
          }
      }
      
      // bad
          document.querySelectorAll('li').forEach((e) => {
         e.onclick = function() {
           console.log(this.innerHTML)
         }
        })
        
      </javascript>