<html>
<head>
<!--创建一个表格 width表格的大小 border表格边框厚度 cellspacing 是表格内边框直接的距离 cellpadding 每个表格的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<!--插入脚本-->
<script language="javascript">
<!--定义表格里面的值-->
var value1 = "nihao";
<!--创建5行 创建3格 新建一个tbody类型的Element节点 tbody表格的身体-->
var row = 9;
var col = 6;
var tbody = document.createElement("tbody");
<!--新建一个tr类型的Element节点 新建一个td类型的Element节点-->
for(var i=0;i<row;i++)
{
var tr = document.createElement("tr");
for(var j=0;j<col;j++)
{
var td = document.createElement("td");
<!--获得表格的值 将节点td加入tr中-->
td.innerHTML = value1;
tr.appendChild(td);
}
<!--将节点tr加入tbody中-->
tbody.appendChild(tr);
}
<!--定位到table上 节点tbody加入节点尾部-->
var parNode = document.getElementById("table1");
parNode.appendChild(tbody);
</script>
</head>
<body>
</body>
</html>
分享到:
相关推荐
我自己写的,那出来与大家分享:javascript下动态创建表格的三种方式
javascript动态创建表格,适合HTML语言初学者使用,亲测可用
使用JavaScript和DOM动态创建表格
Javascript动态创建表格 兼容google浏览器、360,ie等浏览器,很实用
javascript动态创建表格.doc
JavaScript操作表格JavaScript操作表格JavaScript操作表格
Javascript DataTables 表格控件,非常好的表格控件,可以在PHP、java、DotNet中使用。
JavaScript实现表格排序,按数字、日期、汉字排序!
用javascript编译的 javascript创建对话表格.html
javascript 表格操作
利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种方法,看下面的解决和使用方法
javaScript动态创建表格
可编辑的 HTML JavaScript 表格控件 DataGrid
JavaScript表格类特效,如动态表格等
用js创建动态表格一些基本语法 avascript 动态创建表格:新增、删除行和单元格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。
关于javascript 的表格操作的一些函数集合
JavaScript 表格排序双击可进行按表格列排序
NULL 博文链接:https://phf123456-yeah-net.iteye.com/blog/716950
javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格
javascript 表格javascript 表格