有没有办法用Javascript给多个元素添加不同的Id？

var elements = document.querySelectorAll('.element'); // 获取多个元素
for (var i = 0; i < elements.length; i++) {
  elements[i].id = 'element-' + i; // 为每个元素添加不同的ID
}

<div class="element" data-id="1">Element 1</div>
<div class="element" data-id="2">Element 2</div>
<div class="element" data-id="3">Element 3</div>

var elements = document.querySelectorAll('.element'); // 获取多个元素
elements.forEach(function(element) {
  var id = element.dataset.id; // 获取自定义属性的值
  element.id = 'element-' + id; // 为每个元素添加不同的ID
});

var elements = document.querySelectorAll('.element'); // 获取多个元素
elements.forEach(function(element) {
  var id = uuidv4(); // 生成唯一的ID
  element.id = id; // 为每个元素添加不同的ID
});