使用事件委托降低重复的事件绑定,从而降低dom操作的对性能的消耗

举例：实现点击li打印对应li内的数字

dom结构：

    <ul>        <li>1</li>        <li>2</li>        <li>3</li>        <li>4</li>        <li>5</li>        <li>6</li>        <li>7</li>        <li>8</li>        <li>9</li>        <li>10</li>    </ul>

js：

var ul = document.getElementsByTagName('ul')[0];    ul.addEventListener('click', function (e) {        if(e.target && e.target.nodeName == 'LI'){            console.log('clicked li' + e.target.innerText);        }    })

效果：