01_事件委托
本题考点:点击事件、事件捕获、事件冒泡
根据题目要求,需要在“ul”标签上添加事件代理,即添加点击事件。当“li”被点击时,事件捕获到该标签并且向上冒泡直到找到拥有点击事件的标签,核心步骤有:
- 给“ul”添加点击事件
- 在点击事件函数中获取到点击事件“event”
- 判断触发该点击事件的“event”目标是否为“li”标签
- 如果是“li”标签,则修改该标签的内容
参考答案:
document.querySelector('ul').onclick = event => {
event = event || window.event
if(event.target.nodeName.toLowerCase() === 'li') {
event.target.innerText += '.'
}
}