您的位置:首页 > Web前端 > JavaScript

js 动态生成div 并添加class id

2016-02-01 00:00 633 查看
摘要: js 动态生成div 并添加2个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";

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: