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

html


    var num = 1;
    var u=document.querySelector("ul");
    function addFunction(){
      var l=document.createElement('li')
      var t=document.createTextNode(num);
      l.appendChild(t);
      u.appendChild(l);
      num++
    };
    u.addEventListener('click',function(e){
      if(e.target && e.target.nodeName.toUpperCase() === 'LI') {
        console.log(e.target.innerHTML)
      }
    })

     

     

    你可能感兴趣的:(JavaScript)