在js中动态创建表格

最新推荐文章于 2019-01-24 20:45:22 发布

yyt602037504

最新推荐文章于 2019-01-24 20:45:22 发布

阅读量536

点赞数

分类专栏： HTML前端

HTML前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;">    <body id="test">  
    <script type="text/javascript">  
    var a=document.createElement("table");  
    a.border=1;  
    var caption=a.createCaption();  
    caption.innerHTML="创建表格";  
    //为表格循环插入5行  
    for(var i=0;i<5;i++)  
    {  
        //插入行  
        var tr=a.insertRow(i);  
        //为每行插入7列  
        for(var j=0;j<7;j++)  
        {  
            var td=tr.insertCell(j);  
            td.innerHTML="单元格内容"+i+j;  
        }  
    }  
    //将表格添加到body中  
    document.getElementById("test").appendChild(a);  
    </script>  
    </body>  </span>