01_事件委托

本题考点:点击事件、事件捕获、事件冒泡

根据题目要求,需要在“ul”标签上添加事件代理,即添加点击事件。当“li”被点击时,事件捕获到该标签并且向上冒泡直到找到拥有点击事件的标签,核心步骤有:

  1. 给“ul”添加点击事件
  2. 在点击事件函数中获取到点击事件“event”
  3. 判断触发该点击事件的“event”目标是否为“li”标签
  4. 如果是“li”标签,则修改该标签的内容

参考答案

document.querySelector('ul').onclick = event => {
    event = event || window.event
    if(event.target.nodeName.toLowerCase() === 'li') {
        event.target.innerText += '.'
    }
}