这篇文章主要为大家展示了“js中索引下标之li集合绑定点击事件的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中索引下标之li集合绑定点击事件的示例
这篇文章主要为大家展示了“js中索引下标之li集合绑定点击事件的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中索引下标之li集合绑定点击事件的示例分析”这篇文章吧。
具体代码如下所示:
//Method-1:
var items = document.getElementsByTagName('li');
for(var i=0;i<items.length;i++){
items[i].index = i;
items[i].onclick = function(){
this.innerhtml = this.index;
}
}
//Method-2:
var items = document.getElementsByTagName('li');
for(var i = 0; i<items.length; i++){
(function(index){
items[i].onclick = function(){
this.innerHTML = index;
}
})(i)
}
//Method-3:
var items = document.getElementsByTagName('li');
for(var i = 0; i<items.length; i++){
items[i].onclick = function(index){
return function(){
this.innerHTML = index;
}
}(i)
}
以上是“js中索引下标之li集合绑定点击事件的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!
--结束END--
本文标题: js中索引下标之li集合绑定点击事件的示例分析
本文链接: https://www.lsjlt.com/news/78656.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0