失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js获取当前元素下标

js获取当前元素下标

时间:2019-03-12 02:46:22

相关推荐

js获取当前元素下标

js部分

<script>var span = document.querySelectorAll("sapn"); //获取所有span元素for (var i = 0; i < span.length; i++) {span[i].index = i; //为元素下标赋值span[i].addEventListener("click", function() { //给所有span元素添加点击事件console.log(this.index);})}</script>

html部分

<body><div>div<p>p1<sapn>span1</sapn><sapn>span2</sapn><sapn>span3</sapn><sapn>span4</sapn></p></div></body>

逐个点击效果

如果觉得《js获取当前元素下标》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。