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

JS动态生成Table

2016-10-11 18:04 465 查看
tableNode = document.createElement("table");//获得对象
tableNode.setAttribute("id", "mytable");//设置TB ID
tableNode.setAttribute("height", 500);
tableNode.setAttribute("width", 200);
//上面确定了 现在开始创建
//10行
for (var x = 0; x < 10; x++) {
var trNode = tableNode.insertRow();
//10列
 for (var y = 0; y < 10; y++) {
var tdNode = trNode.insertCell();
tdNode.id = varTdID;
tdNode.height = 10;
tdNode.width = 10;
}
document.getElementById("div2").appendChild(tableNode);//添加到DIV2  的元素里
}
JS动态生成Table
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML