javascript - 动态创建 div 元素和每个元素的量规

Question

我在 js 中为 JSON 文件中的每个元素创建一个仪表（使用来自 justGage 的仪表文件）。我想为 JSON 中的每个元素动态创建 div 元素，并为每个元素设置不同的 id。这是代码：

function loadDoc(){

  for(var i = 0; i < data.length; i++){
    let newDiv = document.createElement('div');
    let divID = "gauge" + i, divClass = "200x160px";

    newDiv.setAttribute("id", divID);
    newDiv.setAttribute("class", divClass);
    //console.log(divID);

    var g = new JustGage({
      id: "gauge" + i,
      value: 62,
      min: 0,
      max: 100,
      title: "Satisfaction"
    });
  }

}

问题是即使 id 是 gauge0、gauge1 等，该函数也无法识别它，并说没有 id 为 gauge0、gauge1 等的 div。为什么？

谢谢！