setAttribute给元素设置属性

最新推荐文章于 2024-06-27 15:41:05 发布

原创最新推荐文章于 2024-06-27 15:41:05 发布 · 507 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

本文将指导您如何使用JavaScript为页面顶部和底部元素设置动态索引，通过`for`循环实现，并展示如何获取和输出元素的索引。此技巧对于前端开发者理解DOM操作和数据绑定至关重要。

var top1 = document.getElementById('top').getElementsByTagName('li')
  var bot1 = document.getElementById('bottom').getElementsByTagName('div')
  for(var i= 0;i<top1.length;i++){
    top1[i].setAttribute('index',i+1)
    var index = top1[i].getAttribute('index')
  console.log(index);
  }