当ul里面包含了很多li，想要给li绑定事件利用循环会浪费空间，直接利用事件委托，将事件委托给ul，再判断一下点击元素的标签即可给li实现点击事件。

HTML

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <p>wwwwwwwwwwwwwwww</p>
  </ul>

JS

 const ul = document.querySelector('ul')
    ul.addEventListener('click',function(e){
      if(e.target.tagName === 'LI')
      e.target.style.color = 'red'
    })

效果