JS建空表

最新推荐文章于 2022-11-01 21:52:02 发布

aheak

最新推荐文章于 2022-11-01 21:52:02 发布

阅读量703

点赞数

分类专栏： JS 文章标签： table div

本文链接：https://blog.csdn.net/aheak/article/details/5623268

版权

JS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<div id="table">hello</div>
<script>
    var container = document.getElementById("table");
    alert(container);
    var tb = document.createElement('TABLE');
    container.appendChild(tb);
    var tbody = document.createElement("TBODY");
    var num = 1;
    for(var i=0;i<5; i++){
        var row = document.createElement("TR");
        for(var j=0;j<6;j++){
            var td = document.createElement("TD");
            var txt = document.createTextNode(num++);
            //alert(txt);
            td.appendChild(txt);
            row.appendChild(td);
        }
        tbody.appendChild(row);
    }
    tb.appendChild(tbody);

</script>