事件委托ul返回li的索引

事件委托ul返回li的索引

事件委托给ul,点击ul返回e.target ,创建li数组 通过返回的信息

所需知识点
  1. ul.children

    拿到ul所有的子元素(li)

  2. Array.from()

    Array.from() 方法对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。创建数组

  3. .indexOf()

    返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。

  4. event.target

    触发事件的对象 (某个 DOM 元素) 的引用。当事件处理程序在事件的冒泡或捕获阶段被调用时,它与event.currentTarget不同。

代码解析
 <ul>
        <li>这是第一行</li
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值