使用addEventListener点击li弹出内容,并且动态添加li之后有效

    <ul id="ul">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
let el = document.querySelector('#ul')
el.addEventListener('click',function(e){
    if (e.target.nodeName === 'LI') {
       alert(e.target.innerHTML)
    }
})
e.target.nodeName是判断是触发事件的元素节点名称,获得的是大写字母。
posted @ 2018-04-19 10:11  乐得逍遥  阅读(435)  评论(0编辑  收藏  举报