`

12月31号javascript创建表格(第58天的学习)

 
阅读更多
<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>
分享到：
| 12月29号json操作(第56天的学习)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics