javascript动态增删Table

简介:    动态增删表格        

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 动态增删表格 </TITLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
 var i=1;
 function addTable(content)
 {
  var categoryTable = document.getElementById("MyTable");
  var newRow=categoryTable.insertRow(0);//如果从最后增加,insertRow不需要参数
  var newCell=newRow.insertCell();
  newCell.innerHTML=content+(i++);
 }
 function delTable()
 {
  var categoryTable = document.getElementById("MyTable");
  if(categoryTable.rows.length>0){
   categoryTable.deleteRow(0);//如果删除最后行,deleteRow不需要参数
  }
 }
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
 <table id="MyTable" border="0" cellpadding="0"></table>
 <input type=Button onclick="addTable('NewRow ')" value="add">
 <input type=Button onclick="delTable()" value="del">
 </BODY>
</HTML>
 

目录
相关文章
|
3月前
|
JavaScript 前端开发
实现一个JavaScript动态日期功能
实现一个JavaScript动态日期功能
|
5月前
|
JavaScript 小程序
小程序JS动态修改样式vv
小程序JS动态修改样式
152 0
|
1月前
|
JavaScript
JS动态转盘可自由设置个数与概率
JS动态转盘可自由设置个数与概率
|
1月前
|
JavaScript
JS动态参数arguments与剩余参数
JS动态参数arguments与剩余参数
|
2月前
|
JavaScript 前端开发
js制作动态表单
js制作动态表单
18 0
|
6月前
|
JavaScript 前端开发
js和css3实现动态魔方的效果
js和css3实现动态魔方的效果
49 0
|
6月前
|
存储 JavaScript 前端开发
手撕前端面试题【javascript~ 列表动态渲染、无重复数组、数组排序、新数组、创建数组、深浅拷贝、内存泄露等】
html页面的骨架,相当于人的骨头,只有骨头是不是看着有点瘆人,只有HTML也是如此。 css,相当于把骨架修饰起来,相当于人的皮肉。
39 0
|
2月前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
26 0
|
2月前
|
前端开发 JavaScript UED
动态伸缩搜索框:HTML, CSS, JavaScript的完美结合
动态伸缩搜索框:HTML, CSS, JavaScript的完美结合
97 1
|
3月前
|
JavaScript
js遍历Table
js遍历Table