js中如何获取数组索引号

最新推荐文章于 2024-03-27 20:31:12 发布

小陈努力再努力

最新推荐文章于 2024-03-27 20:31:12 发布

阅读量2.2k

点赞数

文章标签：大数据

本文链接：https://blog.csdn.net/a1071626267/article/details/125507709

版权

for(i = 0; i < ul.children.length; i++) {
    var li = document.createElement('li'); 
    ol.append(li);
    li.setAttribute('index', i);    //创建自定义属性，并从0递增赋值，便与索引号一致

    li.addEventListener('click', function() {
        for(var i = 0; i < ol.children.length; i++) {
            ol.children[i].className = '';
        }
        this.className = 'current';

        var focusWidth = focus.offsetWidth;
        var index = this.getAttribute('index');  //用index取出当前点击li的属性值（索引号），一定要用this
        console.log(focusWidth);
        console.log(index);
        animate(ul, -index * 721);
       })
   }

1，先用element.setAttribute('属性名', 属性值)给每个元素设置新的自定义属性，并赋值，赋值要与元素索引号相一致

2.定义新变量并用getAttribute('属性名')取出索引号，记住方法前用this，表示当前被点击的li的索引号