事件委托

一、题意

点击ul底下任意li，输出对应li里面的内容

<ul id="ul-id">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

二、解法

tip

考察事件委托的写法，是addEventListener的一种进阶写法，可以减少节点的事件绑定，提高性能。
另外，能考察候选人的HTML功底。

const ulDom = document.getElementById('ul-id');
ulDom.addEventListener((event) => {
    const target = event.target;
    if(target.nodeName == 'LI'){
        console.log(target.innerHTML);
    }
}, false)