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"; }
相关文章推荐
- JavaScript模式 读书笔记三
- js动态添加删除表格的行
- JavaScript Development Tools (JSDT)
- js 封装ajax
- JavaScript第三课——数据类型(typeof操作符、Undefined类型、Null类型、Boolean类型)
- 最短路算法(Floyd、Dijsktra、Bellman-Ford、SPFA)
- 重温JSP学习笔记--与日期数字格式化有关的jstl标签库
- JavaScript跨域总结与解决办法
- JavaScript arguments对象
- B/S总结--前台攻略--JS
- servlet / jsp 学习——java,关系,区别,核心概念,代码例子
- 重温JSP学习笔记--JSTL标签库
- js实现二级联动
- JavaScript第二课——语法、关键保留字及变量
- JS 之 下拉框三级联动(二)
- 子页面与父页面的调用问题
- javascript嵌套函数和在函数内调用外部函数的区别分析
- JavaScript中eval函数的问题
- JavaScript菜鸟教程 output
- AJAX 跨域请求 - JSONP获取JSON数据