js 操作table

最新推荐文章于 2022-01-17 20:53:31 发布

iteye_2238

最新推荐文章于 2022-01-17 20:53:31 发布

阅读量98

点赞数

文章标签： JavaScript HTML ViewUI

本文介绍了一种在网页上通过JavaScript实现表格行增加和删除的方法。具体包括使用JavaScript创建新行并设置其内容，同时为每行添加删除链接以方便用户移除不需要的数据。此方法适用于需要动态管理表格数据的场景。

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

function addFwf(){
var date = new Date().getTime();//获取当前时间

var name = document.all.name.value;
var wb = document.all.wb.value;
var bb = document.all.bb.value;
var bz = document.all.bz.value;

var newTr = fwf.insertRow();
newTr.id = date;//设置每行的ID为当前时间

var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
var newTd3 = newTr.insertCell();
var newTd4 = newTr.insertCell();
var newTd5 = newTr.insertCell();

newTd1.innerText = name;
newTd2.innerText = wb;
newTd3.innerText = bb;
newTd4.innerText = bz;
newTd5.innerHTML = "<a href=javascript:delFwf('"+date+"')>删除</a>"; //根据时间删除某一行

}
function delFwf(rowId){//删除指定行
var tb = document.getElementById("fwf");
var tr = document.getElementById(rowId);
tb.deleteRow(tr.rowIndex);
}