源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

实现点击列表弹出列表索引的两种方式

  • 时间:2021-02-28 06:44 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:实现点击列表弹出列表索引的两种方式
[b]方式一,使用利用事件冒泡委托给列表的父节点去处理的方式[/b]:
[u]复制代码[/u] 代码如下:
var ulObj = document.getElementById("myUl"); ulObj.onclick = function (event) { var tg = event.target; var liArray = ulObj.getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { if (liArray[i] === tg) { alert(i + 1); } } }
[b]方式二,使用闭包[/b]:
[u]复制代码[/u] 代码如下:
var liArray = document.getElementById("myUl").getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { (function () { var n = i; liArray[i].onclick = function () { alert(n + 1); } })(i) }
[b]HTML代码[/b]:
[u]复制代码[/u] 代码如下:
<ul id='myUl'> <li>haha</li> <li>heihei</li> <li>hehe</li> <li>gaga</li> </ul>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部