老师，读取data-index属性时，不应该直接读取的是标签中显示的值吗？

Question

var a;

for(var i=0; i<10; i++){
   a = document.createElement("a");
   a.innerHTML = '我是超链接';
   a.setAttribute('data-index',i);
   a.addEventListener('click',function(){
       alert(a.getAttribute('data-index'));    

   });
   document.body.appendChild(a);
}

Answer 1

Dong大瓜 2019-05-08 11:21:36

改成this就可以了，

alert(this.getAttribute('data-index'));

a的话是一直找到最后一个a

Answer 2

双越 2017-07-10 12:56:24

setAttribute 会改变 DOM 属性，getAttribute 是查询 DOM 属性，这样频繁的 DOM 操作会严重降低性能。

• 提问者 r363886121 #1

  嗯，我会注意这点。我想知道的是,读取到的data-index属性值为什么和a标签中显示的不一样呢？

• 双越 回复 提问者 r363886121 #2

  你这个问题还是跟视频中讲的一样。点击事件中，a 永远都是最后创建的链接

• qq_四月是你的谎言喽_03448132 #3

  老师 这个深有体会，之前曾经拼接在页面加载的时候拼接过好几百个select下面的选项···页面完成特别慢