大国工匠普拉斯金 2021-10-12 18:12 采纳率: 75.9%
浏览 35
已结题

使用双for循环给div的每个子元素setattribute,index属性为什么只能给最后一个li添加呢?


<style>
    div {
        width: 400px;
        height: 400px;
        background-color: red;
    }
</style>

<body>
    <div></div>
</body>
<script>
    var div = document.querySelector('div');

    for (let i = 0; i < 4; i++) {
        var li = document.createElement('li');
        div.appendChild(li);
        li.addEventListener('click', function() {
            for (let i = 0; i < 4; i++) {
                li.setAttribute('index', i);
            }
        });
    }
</script>

img

正确的写法我知道,这是我在做轮播图练习的时候无意中写出来的,不太理解为什么第二个for循环中li.setattribute('index',i)为什么只能给最后一个li添加index属性 而不是给每一个li全部都加上index呢?

  • 写回答

2条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 10月20日
      • 已采纳回答 10月12日
      • 创建了问题 10月12日

      悬赏问题

      • ¥40 这下真学不懂了,Java没学到这里弄不懂了
      • ¥15 Python不使用Selenium怎么实现网页输入和点击
      • ¥50 vue百度地图导致浏览器崩溃
      • ¥15 请问这段C语言代码应该如何修改呢
      • ¥20 Latex 转入带数式的曲线图后数式部分报错
      • ¥15 Arcgis基于一幅栅格提取另一幅栅格单元值
      • ¥15 Verilog数据产生器代码疑点
      • ¥15 电脑部分网页无法访问是为什么?
      • ¥15 如何在vscode导出pdf失败了,拓展也安装了?
      • ¥15 使用python-kivy如何点击按钮选择手机相册中的图片?