html新增一行,任意增加或删除一行html元素

这段代码展示了如何使用JavaScript实现HTML表格中行的选中效果、添加新行以及删除行的功能。`selectRow`函数用于切换行的选中状态,`addRow`函数用于在表格末尾插入新行并添加点击事件,`delRow`函数用于删除指定行。这些基本操作对于前端表格交互至关重要。

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

代码如下:

var curRow=null;

function selectRow(tr1){

if(curRow)

curRow.bgColor="#FFFFFF";

tr1.bgColor="e7e7e7";

curRow=tr1;

}

function addRow(src){

var newrow = src.insertRow(src.rows.length-1);

newrow.attachEvent("onclick",function(){selectRow(newrow);});

newrow.height=20;

var i=4;

while(i--){

var newcell = newrow.insertCell();

switch(i){

case

0: newcell.innerHTML= '

onClick="javascript:delRow(this.parentElement.parentElement)"

value="删除此行">';break;

default: newcell.innerHTML=div1.innerHTML;break;

}

}

}

function delRow(src){

src.parentElement.deleteRow(src.rowIndex);

}

    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值