<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的子节点