javascript - 如何通过 Javascript 将顺序类名附加到 <li>

Question

在 for 循环中创建顺序类名的最简单方法是什么？

Answer 1

您可以在要添加的类中从您的 for 循环中连接迭代加 1，例如:

for(var i = 0; i < frets; i++){
  var fretRow = document.createElement("ul");
  fretRow.classList.add("fret-row-" + (i + 1));
  
  // 6 times, create a li item, add class "string, and append to the fretRow ^ 
  for(var j = 0; j < strings; j++){
    var fret = document.createElement("li");
    fret.classList.add("string-" + (j + 1));

    fretRow.appendChild(fret);
  }
 
  //append entire fretRow (now 'frets' and 'strings' to the fretboard div)
  fretboard.appendChild(fretRow);
}