js 实现表格统计 html,js实现html表格增减

本文介绍了如何使用JavaScript实现动态操作HTML表格,包括在已有表格中添加新行并更新单元格内容,以及删除行的功能。通过myNewRow和delRow函数,展示了如何控制行数和单元格的插入、计算和删除,适用于初级开发者学习DOM操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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();

}

增加一行

减去一行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值