JS动态生成Table

最新推荐文章于 2024-05-03 16:01:29 发布

高有为-YW

最新推荐文章于 2024-05-03 16:01:29 发布

阅读量524

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/a770kfof/article/details/52790370

版权

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