js动态建立表格

锜锜

于 2013-08-28 14:10:58 发布

阅读量690

点赞数

分类专栏： Javascript 文章标签： url 对象

本文链接：https://blog.csdn.net/cssiqi/article/details/10443271

版权

Javascript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<body id="test">
<script type="text/javascript">
var a=document.createElement("table");
a.border=1;
var caption=a.createCaption();
caption.innerHTML="Link_URL";
//为表格循环插入10行
for(var i=0;i<10;i++)
{
    //插入行
    var tr=a.insertRow(i);
    //为每行插入7列
    for(var j=0;j<2;j++)
    {
         var td=tr.insertCell(j);
        // td.innerHTML="单元格内容"+i+j;
        
        if(j == 0)
            {
            td.innerHTML="time"+i;
            }
        else
            { 
              td.innerHTML="image_url"+j;
            }
 
    }
}
//将表格添加到body中
document.getElementById("test").appendChild(a);
</script>
</body>

time0	image_url1
time1	image_url1
time2	image_url1
time3	image_url1
time4	image_url1
time5	image_url1
time6	image_url1
time7	image_url1
time8	image_url1
time9	image_

重点 :

var a=document.createElement("table");创建表格对象

var caption=a.createCaption();创建表格标题

var tr=a.insertRow()在表格中插入行

var td=tr.insertCell()在行中插入列

td.innerHTML="单元格内容+i+j";

document.getElementById("test").appendChild(a);将表格作为body的子节点

锜锜

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js动态建立表格

var a=document.createElement("table");a.border=1;var caption=a.createCaption();caption.innerHTML="Link_URL";//为表格循环插入10行for(var i=0;i<10;i++){ //插入行 var tr=a.insertRow(i); /
复制链接

扫一扫

专栏目录