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

最新推荐文章于 2023-10-06 19:32:40 发布

weixin_44723840

最新推荐文章于 2023-10-06 19:32:40 发布

阅读量410

点赞数 1

本文链接：https://blog.csdn.net/weixin_44723840/article/details/100547394

版权

var ul=document.getElementsByTagName(‘ul’)[0];
var myul=document.getElementsByClassName(‘demo’)[0];
ul.addEventListener(‘click’,function(e){
var event=e.target;
console.log(event.innerHTML)
})

for(var i=0;i<10;i++){
var li=document.createElement(‘li’);
//li.innerHTML=i+8;
li.innerText=i+8;
ul.appendChild(li);

}
###################################

for(var i=0;i<20;i++){
    $('<li></li>').html(i)
    .css({'width':'50px','height':'50px','border':'1px solid deeppink','line-height':'50px'})
    .appendTo($('ul'));
}

$('ul').on('click',function(e){

var event=e.target;
console.log(event.innerHTML)
})