社区
JavaScript
帖子详情
动态插入table
fochail
2006-05-23 01:33:49
新手问题:
如何在页面上动态添加N个table A,而每个table A 里,还可以动态添加N个table B,table C,而table B里又可以动态添加N个table D.....,
总的意思就是table 嵌套内容不同的table.
这个问题是有实际意义的.^_^
谢谢!!!
...全文
204
5
打赏
收藏
动态插入table
新手问题: 如何在页面上动态添加N个table A,而每个table A 里,还可以动态添加N个table B,table C,而table B里又可以动态添加N个table D....., 总的意思就是table 嵌套内容不同的table. 这个问题是有实际意义的.^_^ 谢谢!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
fochail
2006-05-25
打赏
举报
回复
谢谢hbhbhbhbhb1021(天外水火(我要多努力))
虽然现在问题没有解决,但你的热心,我由衷地表示感谢...........
现在这个问题不是很急迫了,但我暂时不结贴,看看能不能实现这样的效果.........
请各位高人继续指点,谢谢了
hbhbhbhbhb1021
2006-05-24
打赏
举报
回复
re
谢谢你了
你给的不是我想要的JS,可能是我没把问题说清楚吧
问题是这样的:一个页面上有三个主要信息:一个学生基本信息(表格),一个学生家庭成员信息(表格),一个是成绩信息(表格);在家庭成员表格内,可以添加任意个家庭成员信息(表格);同理,成绩信息表里也可以添加任意个科目信息(表格);
这样的JS怎样写呢?谢谢了
(注:添加与删除都有)
----------------------------------------------------
还不是吗?
那这个呢?参考下,可以实现的。
<form name="form1" method="post" action="">
<input type="button" name="Submit" value="-" onclick="deleteRow()">
<input name="num" type="text" value="2" size="4" maxlength="4">
<input type="button" name="Submit2" value="+" onclick="insertRow()">
<br>
<table id="table1" width="500" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="87">学生编号</td>
<td width="277">学生姓名</td>
<td width="136">学生年龄</td>
</tr>
<tr>
<td>001</td>
<td>张三</td>
<td>20</td>
</tr>
</table>
</form>
<script language=javascript>
function deleteRow()
{
var obj=document.getElementById("table1")
var rowIndex=obj.childNodes[0].childNodes.length;
if(rowIndex>1)
{
document.getElementById("num").value=document.getElementById("num").value-parseInt(1)
obj.deleteRow(rowIndex-parseInt(1));
}
}
function insertRow()
{
var obj=document.getElementById("table1")
var rowIndex=obj.childNodes[0].childNodes.length;
var objTR=obj.insertRow(rowIndex);
var objTD1=objTR.insertCell();
var objTD2=objTR.insertCell();
var objTD3=objTR.insertCell();
rowIndex2=parseInt(rowIndex)+parseInt(1)
objTD1.innerHTML=obj.childNodes[0].childNodes[rowIndex-1].childNodes[0].innerHTML
objTD2.innerHTML=obj.childNodes[0].childNodes[rowIndex-1].childNodes[1].innerHTML
objTD3.innerHTML=obj.childNodes[0].childNodes[rowIndex-1].childNodes[2].innerHTML
document.getElementById("num").value=parseInt(document.getElementById("num").value)+parseInt(1)
}
</script>
hbhbhbhbhb1021
2006-05-23
打赏
举报
回复
按照你的要求加了个删除表的功能
<body>
<input name=button1 type="button" value="增加表" onclick=addTable(document.body)>
<script language=javascript>
function addTable(obj)
{
var objtable=document.createElement("table")
objtable.border="1"
var objtbody=document.createElement("tbody")
objtable.appendChild(objtbody)
for(var i=0;i<3;i++)
{
objTr=document.createElement("tr")
objtbody.appendChild(objTr)
for(var j=0;j<3;j++)
{
objTd=document.createElement("td")
objTd.appendChild(document.createElement("<input name=button1 type=button value='增加表' onclick='addTable(this.parentNode)'>"))
objTd.appendChild(document.createElement("<input name=button2 type=button value='删除表' onclick='deleteTable(this.parentNode.parentNode.parentNode.parentNode)'>"))
objTr.appendChild(objTd)
}
}
obj.appendChild(objtable);
}
function deleteTable(obj)
{
obj.removeNode(true)
}
</script>
hbhbhbhbhb1021
2006-05-23
打赏
举报
回复
<body>
<input name=button1 type="button" value="增加表" onclick=addTable(document.body)>
<script language=javascript>
function addTable(obj)
{
var objtable=document.createElement("table")
objtable.border="1"
var objtbody=document.createElement("tbody")
objtable.appendChild(objtbody)
for(var i=0;i<3;i++)
{
objTr=document.createElement("tr")
objtbody.appendChild(objTr)
for(var j=0;j<3;j++)
{
objTd=document.createElement("td")
objTd.appendChild(document.createElement("<input name=button1 type=button value='增加表' onclick='addTable(this.parentNode)'>"))
objTr.appendChild(objTd)
}
}
obj.appendChild(objtable);
}
</script>
meizz
2006-05-23
打赏
举报
回复
用 document.createElement("TABLE") 或者 innerHTML 的方式添加就是了
vue+iview 实现
动态
添加行/可编辑的
table
vue+iview 实现
动态
添加行/可编辑的
table
el-ment ui 表格组件
table
实现列的
动态
插入
功能
在实际需求中我们经常遇到各种奇葩的需求,不足为奇。每个项目的需求各不相同,实现功能的思路大致是一样的。上图可以看出就是在地址和备注2列之间
插入
数据,那就好办了。直接在地址后面写一个。通过 for 循环 数组
动态
遍历出来就可以实现功能了。本文来具体介绍怎么实现
table
表格
动态
插入
几列。,每列的顺序就看数组里面怎么排序给你返回了。
C#
动态
向Word模板
插入
表格
这几天写程序时遇到一个问题,就是需要你
jquery
动态
给指定的
table
添加一行tr td
function remove() { $("#app>tbody").remove(); } function add(){ $("#app").append('从件--- 件删除'); }
利用c#在Word文档中
插入
多个表格,包含光标定位,
插入
分节符,设置页边距等
最近在做一个项目,需要在一个Word文档的末尾
动态
的
插入
表格,而且
插入
的Word页面为A3页面,横向放置,表格的个数还是不定的,需要通过一个循环来生成表格数量,由于个人编写代码能力不强,磕磕碰碰的,费了好久的脑子,终于到达了自己的目的,在此分享一下自己的经验。 步骤: 1.在文档末尾下一页
插入
分节符。 Microsoft.Office.Interop.Word.Sec
JavaScript
87,902
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章