html js创建表格,javascript创建表格方式详解

你知道javascript创建表格的方式都有哪些吗?下面要给大家讲到就是这方面的内容,具体介绍了两种创建表格的方式。

方式1:

.table1

{

border:1px solid #00ff21;

width:200px;

height:200px;

margin:10px auto;  /*margin 设置 auto可以使居中显示*/

border-collapse:collapse; /*将td之间的空隙合并*/

}

.table1 td

{

border:1px solid #00ff21;

padding:4px;

}

.chk{

}

 <

script type = "text/javascript"

language = "JavaScript" >

//只有表格才有的创建方式

window.onload = function ()

{

var tableAdd = document.createElement("table")

tableAdd.id = "table1";

tableAdd.className = "table1";

document.getElementById("divTest")

.appendChild(tableAdd);

for (var i = 0; i 

{

你可能感兴趣的:(html,js创建表格)