84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
比如,我用getElementsByClassName()获取了5个标签,我又用this控制了其中第二个标签,如何获取this所指向标签在getElementsByClassName()数组中的位置?
ringa_lee
更正一个错误,getElementsByClassName() 拿到的结果并不是数组,而 HTMLCollection 对象。
const elements = Array.from(document.getElementsByClassName('.class-name')); // const elements = Array.prototype.slice.apply(document.getElementsByClassName('.class-name')); const that = elements[3]; console.log(elements.indexOf(that));
思路是将获取到的 HTMLCollection 对象转换为数组,再使用数组的 indexOf() 方法获取指定元素的索引。
可以设置this.index
`for(var i=0;i<elsEments.length;i++){ elsEments[i].index=i; }
this.index就是这个元素的下标`
更正一个错误,getElementsByClassName() 拿到的结果并不是数组,而 HTMLCollection 对象。
思路是将获取到的 HTMLCollection 对象转换为数组,再使用数组的 indexOf() 方法获取指定元素的索引。
可以设置this.index
this.index就是这个元素的下标
`