创建一个循环，在 JavaScript 中创建多个具有唯一 ID 和名称的 div

Question

我想在 dom 中创建多个具有唯一 id 和名称的 div html elemwnt - 也就是说，在每次循环之后，div 元素的名称和 id 都会发生变化，例如第一个 div 将是 div1，id 名称将是 divId1，而第二个将是 div2 id 将为 divId2；

let body = document.querySelector('body')
let num;
//num will be depend on users choice

for(i=0;i<num.length;i++){
  const div1 = document.createElement('div')
  div1.id = 'divId1'
  //the div styling comes here
  body.appendChild(div1)
  /*
  Next div shkuld have name of div2, id of divId2 and appended as div2
  */
}

这只会创建多个具有相同 id 的 HTML div 元素。

Answer 1

循环中有

i

的值，请使用它。例如：

div1.id = `divId${i + 1}`;