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就是这个元素的下标
`