</div>
<script type="text/javascript">
//创建表格
function createTable(id,rows,cells,tbid){
var tb=documentcreateElement("table");
var tbody = documentcreateElement("tbody");
for(var i=0;i<rows;i++){
var tr=documentcreateElement("tr");
for(var j=0;j<cells;j++){
var cell=documentcreateElement("td");
trappendChild(cell);
}
tbodyappendChild(tr);
}
tbappendChild(tbody);
tbsetAttribute("id",tbid);//设置创建的TABLE的ID
documentgetElementById(id)appendChild(tb);
}
for(i=0;i<4;i++){
tdid="aaa_"+itoString();//表格id
createTable("aaa",2,2,tdid);//创建2行2列的表格
documentgetElementById(tdid)setAttribute('border',1);//显示表格表框
}
</script>例：<table width="140" height="140" border="1">
<tr>
<td width="129"></td>
</tr>
</table>这就是一个宽140 高140 边框1 的一行一列表格<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<table border="1" width="500">
<tr>
<td height="85" colspan="2"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2" height="200"> </td>
<td height="100"> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="2"> </td>
</tr>
<tr>
<td height="102"> </td>
<td> </td>
</tr>
</table>
</body>
</html>1用样式表
<style type="text/css">
table{height: 600px;background-color: yellow;}
table td{border-width:1;border-color: red;border-style: solid;}
</style>
上面一段放在</head>前面
<table class="table">
<tr><td> </td><td></td></tr>
<tr><td> </td><td></td></tr>
</table>
2不用样式表
<table style="height: 600px;background-color: yellow;">
<tr><td style="border-width:1;border-color: red;border-style: solid;"> </td><td style="border-width:1;border-color: red;border-style: solid;"> </td></tr>
<tr><td style="border-width:1;border-color: red;border-style: solid;"> </td><td style="border-width:1;border-color: red;border-style: solid;"> </td></tr>
</table>
是要这样的效果吗？
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）