js实现html表格增减
<script>
function addRow(){
// 插入一行
myNewRow = document.all.myTable.insertRow();
var lenRow = document.all.myTable.rows.length; // 计算总行数
if(lenRow > 1){
var point = myNewRow.rowIndex; // 计算当前行位置
var lenCol = document.all.myTable.rows(0).cells.length; // 计算每行有几列
// 插入lenCol个td
for (i=0; i < lenCol; i++) {
document.all.myTable.rows(point).insertCell();
document.all.myTable.rows(point).cells(i).innerHTML = parseFloat(document.all.myTable.rows(point-1).cells(i).innerHTML) + lenCol;
}
}else if(lenRow == 1){
// 原来table是0行,初始化一行
for(i = 0; i < 10; i++){
document.all.myTable.rows(0).insertCell();
document.all.myTable.rows(0).cells(i).innerHTML = i;
}
}
}
function delRow(){
document.all.myTable.deleteRow();
}
</script>
<a href="javascript: addRow()">增加一行</a>
<a href="javascript: delRow()">减去一行</a>
<table name=myTable border=1 id=myTable>
</table>
- 默认分类(20)
- J2EE(25)
- Java(56)
- PHP(55)
- SEO(10)
- 网页设计(20)
- 网站建设(37)
- 数据库(7)
- JavaScript(17)
- JQuery(6)
- MySQL(20)
- SQL Server(6)
- Access(1)
- Oracle(6)
- office(6)
- Dreamweaver(4)
- Photoshop(12)
- Flash(9)
- Fireworks(13)
- CSS(14)
- HTML(4)
- .NET(7)
- ASP(2)
- DB2(1)
- Ajax(2)
- Linux(12)
- Struts(7)
- Hibernate(8)
- Spring(2)
- Jsp(22)
- Asp(8)
- C#(3)
- C++(1)
- 网络安全(5)
- 软件工程(7)
- XML(1)
- English(2)
- 计算机等级考试(2)
- 计算机病毒(4)
- 个人日志(76)
- 互联网(15)
- ActionScript(10)
- Android(3)
- 数据结构与算法(1)
- 游戏策略(3)
- 美文翻译(2)
- 编程开发(19)
- 计算机应用(4)
- 计算机(10)
- Unity3d(6)
- 其他(1)
- egret(1)