社区
JavaScript
帖子详情
如何动态给table添加和删除
and
? 急用!
jinsfree
2004-06-18 10:14:50
如题!
最好给个例子,实在忙说一下思路,关键函数
...全文
242
5
打赏
收藏
如何动态给table添加和删除<table><tbody><tr></tr></tbody></table>and <table><tbody><tr><td>? 急用!</td></tr></tbody></table>
如题! 最好给个例子,实在忙说一下思路,关键函数
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
jinsfree
2004-06-18
打赏
举报
回复
很好,谢谢楼上的!!
接分!
skyboy0720
2004-06-18
打赏
举报
回复
楼上的方法不错啊!
方舟
2004-06-18
打赏
举报
回复
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells()
{
var count=0;
for (i=0; i < document.all.mytable.rows.length; i++)
{
for (j=0; j < document.all.mytable.rows(i).cells.length; j++)
{
document.all.mytable.rows(i).cells(j).innerText = count;
count++;
}
}
}
function tb_addnew()
{
var ls_t=document.all("mytable")
maxcell=ls_t.rows(0).cells.length;
mynewrow = ls_t.insertRow();
for(i=0;i<maxcell;i++)
{
mynewcell=mynewrow.insertCell();
mynewcell.innerText="a"+i;
}
}
function tb_delete()
{
var ls_t=document.all("mytable");
ls_t.deleteRow() ;
}
</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
<input type=button value="增加" onclick="tb_addnew()">
<input type=button value="删除" onclick="tb_delete()" >
</BODY>
</HTML>
jinsfree
2004-06-18
打赏
举报
回复
是这样的,我在页面上有一个表内容是动态生成的
其中的元素不确定
比如说数据库有三条记录,我就要显示三条
<table>
<tr><td>……</td></tr>
<tr><td>……</td></tr>
<tr><td>……</td></tr>
</table>
现在用户修改,只需要前两条,在不涉及数据库的情况下,我想把最后一条删除(只是页面上)也就是删除最后一条<tr><td>……</td></tr>该如何做
请帮忙!!
skyboy0720
2004-06-18
打赏
举报
回复
你具体想怎么个动态法
vue el-
table
动态
添加
行、
删除
行
本文介绍了如何在Vue项目中使用el-
table
实现
动态
添加
和
删除
行的功能。通过数据驱动DOM,通过修改绑定到el-
table
的数组来实现表格内容的变化。点击
添加
按钮向数组
添加
数据项,表格随之增加一行;点击
删除
按钮则移除数组中的当前行,对应表格行也将被
删除
。
ElementUI中的el-
table
表格实现
动态
添加
一行、
删除
一行、清空所有行
本文介绍了如何在ElementUI的el-
table
组件中实现
动态
添加
、
删除
和清空所有行的功能。通过设置
table
的属性和事件监听,结合Vue的数据绑定,实现了表格行的
动态
管理。新增行时,检查数据源是否为空并
添加
新对象;
删除
行时,根据选中行的索引从数据源移除;清空所有行时,直接清空数据源。
动态
添加
删除
table
页面一行input表格
这篇博客介绍了如何在HTML页面中
动态
地为表格
添加
和
删除
行。初始版本展示了一个包含姓名输入框的表格,操作列有
添加
和
删除
按钮。
添加
行方法涉及创建新行并设置id和innerHTML,然后将其
添加
到表格。
删除
行方法则通过获取行id并移除相应节点来实现。然而,代码存在两个问题:增加行后表格宽度变化和中文乱码问题,需要调整表格宽度和设置页面编码来解决。
jquery 中
table
动态
添加
行和
删除
列操作
本文介绍如何使用HTML创建表格,并提供
动态
添加
及
删除
行的方法。包括基本表格结构定义、JavaScript
动态
行增删实现。
layui
table
方法渲染
添加
、修改、
删除
行
本文介绍了使用layui
table
实现表格的
动态
操作,包括点击按钮
动态
添加
、修改和
删除
行,并提到了表格表单编辑的技术,适合需要进行前端表格交互的开发者参考。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章