原文:使用原生js给每个li绑定onclick点击事件,输出每条li的下标(索引)的几种方式

使用原生js给每个li绑定onclick点击事件,输出每条li的下标 索引 htm部分 首先需要获取页面中每一条li节点 通过设置属性方式 给每一条li设置属性index为i, 点击时就可以获取this的index属性。 通过设置自定义属性方式, 给每一条li设置自定义属性index为i, 点击时就可以获取this的自定义属性index,同上面方法相似。 通过bind改变this指向为每一条li, ...

2020-06-08 19:37 0 2020 推荐指数:

查看详情

JS如何给ul下的所有li绑定点击事件点击使其弹出下标和内容

这是一个非常常见的面试题,出题方式多样,但考察点相同,下面我们来看看这几种方法:方法一: 方法二: 方法三: 方法四: 上面这四种方法都可以实现循环绑定,但是我们知道,频繁的操作DOM是非常消耗性能的,如果有1000个li,怎么办 ...

Wed Mar 27 19:53:00 CST 2019 0 4261
js绑定点击事件几种方式

(1)在html上绑定onclick事件 <div class="test" id="main"> 这是测试区域的内容 </div> <input type="button" value="变红" onclick="fun1()" id ...

Thu Jun 15 02:16:00 CST 2017 0 1394
chrome下li标签onclick事件无效

//绑定事件 $(document).ready(function () { $("ul").children().click(function () { clickLi(this); }) }); //点击li标签跳转,根据li标签的url属性 function clickLi(obj ...

Sat Nov 26 06:55:00 CST 2016 0 5661
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM