js 動態生成div 並添加class id

for(var i=1;i<6;i++)
  {
   var testa=document.createElement("a");
    var testDv=document.createElement("div");
   var h3Dv=document.createElement("h3");
   var divcontent=document.createElement("div");
   var divcanvas=document.createElement("div");
   var canvasDv=document.createElement("canvas");
   var pNode = document.getElementById("create");
   testDv.id="t"+i;
   testDv.className="col-lg-4";
   testDv.className += ' col-md-6';
   divcanvas.className="chart";
   canvasDv.id="myChart"+i;
   pNode.appendChild(testa).appendChild(testDv).appendChild(divcontent).appendChild(h3Dv);
   pNode.appendChild(testa).appendChild(testDv).appendChild(divcontent).appendChild(divcanvas).appendChild(canvasDv);
   h3Dv.innerHTML="公司名稱"+i;
   testa.href = "barChartDetail.html";
   
  }
相關文章
相關標籤/搜索