自己动手-动态生成表格

macrotea

于 2010-11-09 22:39:30 发布

阅读量81

点赞数

分类专栏： Javacript 文章标签： JavaScript XHTML HTML J# ViewUI

本文链接：https://blog.csdn.net/macrotea/article/details/83761679

版权

Javacript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
 var tb=document.createElement("table");
 tb.width=500;
 tb.border=3;
 tb.id="dataList";
 
 for ( var i = 0; i < 3; i++) {
  //-1不可省,表示插入其后
  var eachRow=tb.insertRow(-1);
  for ( var j = 0; j < 6; j++) {
   var eachCell=eachRow.insertCell(-1);
   eachCell.innerHTML="我爱你";
  }
 }
 document.body.appendChild(tb);
 alert("查看删除后的效果");
 //删除第二行
 tb.deleteRow(1);
 alert("再次查看删除后的效果");
 //删除第2行第3个单元格
 tb.rows[1].deleteCell(2);
</script>
</body>
</html>