想在一个表格里面特定的tr后面增加一行,用javascript应该如何做?

作者&投稿:驹史 (若有异议请与网页底部的电邮联系)
我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做~

给你个简单的示例吧


0
1 在此行下插入新行
2



function instTR(){
var tab=document.getElementById('tab');
var n=document.getElementById('x').rowIndex+1;
var tr=tab.insertRow(n);
var td=tr.insertCell(0);
td.innerHTML='new '+Math.random();
}

修改了一下你的代码,实现了编辑功能
姓名 学号 英语 政治 操作 姓名 学号 英语 政治 总分 平均分 var name = ''; var Sno = ''; var english = 0; var politics = 0; function dosubmit(){ var xm=document.getElementById("name1").value; var xh=document.getElementById("name2").value; var yy=document.getElementById("name3").value; var zz=document.getElementById("name4").value; var zf=parseFloat(yy)+parseFloat(zz); var pjf=zf/2; var lj=document.getElementById("bj"); document.getElementById("name5").value=+zf; document.getElementById("name6").value=+pjf; row=document.getElementById("table1").insertRow(); if(row!=null){ cell=row.insertCell(); cell.innerHTML=xm; cell=row.insertCell(); cell.innerHTML=xh; cell=row.insertCell(); cell.innerHTML=yy; cell=row.insertCell(); cell.innerHTML=zz; //添加编辑按钮 cell=row.insertCell(); cell.innerHTML= '编辑'; } return false; } //编辑指定行内容 function editRow(obj) { //获取包括要编辑内容的 tr 元素 var tr = obj.parentNode.parentNode; name = tr.children[0].innerHTML; Sno = tr.children[1].innerHTML; english = tr.children[2].innerHTML; politics = tr.children[3].innerHTML; console.log(name + ',' + Sno + ',' + english + ',' + politics); tr.children[0].innerHTML =''; tr.children[1].innerHTML =''; tr.children[2].innerHTML =''; tr.children[3].innerHTML =''; tr.children[4].innerHTML ='保存 取消'; } //保存编辑内容 function saveEdit(obj) { var tr = obj.parentNode.parentNode; tr.children[0].innerHTML = tr.children[0].children[0].value; tr.children[1].innerHTML = tr.children[1].children[0].value; tr.children[2].innerHTML = tr.children[2].children[0].value; tr.children[3].innerHTML = tr.children[3].children[0].value; tr.children[4].innerHTML = '编辑'; } //取消编辑操作 function cancelEdit(obj) { var tr = obj.parentNode.parentNode; tr.children[0].innerHTML = name; tr.children[1].innerHTML = Sno; tr.children[2].innerHTML = english; tr.children[3].innerHTML = politics; tr.children[4].innerHTML = '编辑'; }

给你个简单的示例吧
<body>
<table id="tab">
<tr><td>0</td></tr>
<tr id="x"><td>1 在此行下插入新行</td></tr>
<tr><td>2</td></tr>
</table><br>
<input type="button" onclick="javascript:instTR()" value="插入行">
<script type="text/javascript">
function instTR(){
var tab=document.getElementById('tab');
var n=document.getElementById('x').rowIndex+1;
var tr=tab.insertRow(n);
var td=tr.insertCell(0);
td.innerHTML='new '+Math.random();
}
</script>
</body>


excel怎么选择特定内容到另一个工作簿
6、点击条件区域后面的选框,选择表格2中的筛选条件。7、点击复制到后面的选框,在表格2中选择一个单元格。8、点击确定即可。

excel中如何在一个表格中查找另一个表格中的数
在表格1的某个单元格(比如B32),输入公式=VLOOKUP(A32,Sheet2!A32:B36,2,0)。这里,Sheet2!A32:B36是指定在表格2中的查找范围,2表示你希望返回的值在查找范围的第2列(假设你查找的是B列),0表示精确匹配(如果A32在B列没有完全匹配,会显示#N\/A错误)。4. 输入公式后,按回车键确认...

怎样用EXCEL在一个表格中查找另一个表格里的一个值并返回这个值对应行的...
在Excel中,如果你想在一个表格(例如表格1)中查找另一个表格(表格2)中特定值,并获取该值在对应行的另一列数据,可以按照以下步骤操作。首先,打开你的电脑上的Excel,定位到表格1。接下来,假设我们要查找的是A列中的某个值,比如A32。在表格1中,你需要在需要显示对应数据的单元格(例如B列...

excel表格如何筛选特定内容
1、首先打开电脑,找到excel软件图标。2、然后打开excel表格,在工具栏找到“数据”选项。3、然后找到“筛选”选项,然后在对话框中输入自己想要筛选的内容,对数据设置筛选条件。4、筛选出需要的指定内容。5、选中筛选处理的指定内容,并按ctrl+c复制该内容。6、在其他空白位置,或者新建sheet表,按ctrl+...

如何查找表格中的特定内容
以excel为例,查找表格中特定内容的方法是:1、Ctrl加F打开查找窗口,键入查找内容;2、鼠标点击最后一个sheet表格,按住滑动按钮至最左;3、按住shift键并点击第一个sheet表格使全选所有工作表格,点查找窗口“查找”即可。MicrosoftExcel是Microsoft为使用Windows和AppleMacintosh操作系统的电脑编写的一款电子...

excel中如何提取单元格中第三个特定字符后面的字符?
在Excel中,提取特定字符后的数据其实相当直接。首先,你需要将目标数据放置在表格的适当位置。例如,假设你有一个表格,想从“共”和“,”之间的金额中提取数据,可以参考以下步骤。1.假设你的数据在A列,你可以在B1单元格输入公式来实现这个任务。使用MID和LEFT函数组合,公式可以写为:=MID(A1,FIND...

...的单元格里出现一个特定的值,sheet2的某个单元格会实时显示,_百度...
"x"为特定值,二种情况:1、指定单元格:=if(sheet1!a1="x",a1,"")a1为指定单元格 2、if(countif($a:$a,"x")>0,index($a:$a,match("x",$a:$a,0),1,1),"")

如何在一列数值中找到特定的一个数值,然后返回同行的一个数值?_百度知 ...
“指定位置<由首列开始的第几列>”为>=1的数字(整数),所以只能向右查找,如果需要查找结果在首列左边,则返回错误。所以,使用技巧:使用VLOOKUP()函数进行查找时,将“查找值”放到首列。如下所示:在C3:E14首列(C列)查找特定值“aaa”,同行返回第2列数值8、第3列数值88 ...

excel中,一列数字里面特定的几个格子里的数字大于1的个数,公式怎么写...
之后再用鼠标点击“销售额”单元格右下角的小三角形图标,在弹出的下拉菜单里面选择“数字筛选”,再在右边弹出的下拉菜单里面选择“大于”。之后会弹出“自定义自动筛选方式”的窗口,在销售额“大于”一栏里填上需要1000,最后点击确定即可。下面是动图演示:专栏附赠32套EXCEL进销存系统 购买本专栏后私信...

excel表格中,如果满足某个条件下需用到某个公式,如果不满足就要改用另...
在Excel表格中,当需要根据特定条件灵活运用公式时,可以通过“公式审核”功能来判断单元格的引用状态。以下是操作步骤:1.首先,选择你需要检查的单元格,如A2。点击“公式”选项卡,找到“公式审核”组。2.在“公式审核”组中,找到“追踪从属单元格”选项并点击。当你点击A2单元格后,会显示箭头,箭头...

武山县13142175099: 我想在一个表格里面特定的tr后面增加一行,用javascript应该如何做 -
书须迪都: 给你个简单的示例吧<body><table id="tab"> <tr><td>0</td></tr> <tr id="x"><td>1 在此行下插入新行</td></tr> <tr><td>2</td></tr></table><br><input type="button" onclick="javascript:instTR()" value="插入行"><script type="text/...

武山县13142175099: 如何用js在指定tr后添加tr -
书须迪都: 你可以用js原生的append或是insertBefore.下面是简单的例子:<body> <table id="tab"> <tr> <td>1111</td> <td>1111</td> </tr> </table></body><script> var oTab = document.getElementById('tab'); var oTr = document.createElement('tr'); //创建TR oTr.innerHTML='<td>22222</td><td>22222</td>'; //TR里面加2个TD oTab.appendChild(oTr);</script>

武山县13142175099: 添加指定tr到table指定行 -
书须迪都: jquery 找到要插入的行的前面一行,然后after 比如某行的id为last则可以这样$('#last').after("<tr><td>this is test tr</td></tr>");

武山县13142175099: jQuery如何追加tr到table中? -
书须迪都: jQuery 添加新内容有以下四个方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容 下面实例演示:点击按钮则在表格数据区域增加...

武山县13142175099: 如何给table中的tr加超链接 -
书须迪都: 方法一、 如果是新站可以在创建时文章栏目的时,选择网站根目录或者cms根目录,这样就会去掉a/; 1、首选在系统设置那的系统基本参数那,文档HTML默认保存路径,把a去掉. 2、然后在到栏目管理那修改下,文件保存目录,自己命名.方法二、 如果直接替换目录/a/而,文章中没去了对网站排名不好,会有很多死链接了,直接在Dedecms后台中命令中执行下面sql即可,然后重新生成页面. 输入,代码如下: UPDATE dede_arctype SET typedir=REPLACE(typedir,'a/','')

武山县13142175099: js 怎么在 <tr>...</tr> 后动态添加 <tr>...</tr> -
书须迪都: function onAddTR(trIndex) { var tb = document.getElementById("tb1"); var newTr = tb.insertRow(trIndex);//添加新行,trIndex就是要添加的位置 var newTd1 = newTr.insertCell(); newTd1.innerHTML = "这是新行,位置:" + trIndex; var newTd2 = newTr.insertCell(); newTd2.innerHTML = "这是新行,位置:" + trIndex; }请参考采纳,谢谢!

武山县13142175099: 怎样在table下面动态增加一行 -
书须迪都: 比如设置table的id为tab var trHTML = "<tr><td>...</td></tr>"$("#tab").append(trHTML);//在table最后面添加一行$("#tab tr:eq(2)").after(trHTML); // 在table的第3行后面添加一行 这样就可以进行动态的添加行了,至于你是通过什么事...

武山县13142175099: jsp页面中动态循环数据表中,想在最后的一列数据中添加链接,怎么实现呢?求助 -
书须迪都: JSP页面中,将循环的数据放入一个table中,这个table中有若干个tr,每个tr代表一行,这个tr中可能有若干个td,每个td代表一列,你只需要再tr最后增加一个td,放入你想添加的链接,不就可以了么?再有问题,请直接扣扣3332424501

武山县13142175099: 想给表格里的某个TR下的几个TD加CLASS该怎么写? -
书须迪都: <td class="ADD_ANYTHING" ></td>

武山县13142175099: 用javascript动态在table里增加tr -
书须迪都: <script language="javascript"> var table = document.getElementById("table_id"); var tr = table.insertRow(); for(var i=0; i<4; i++){ var td = tr.insertCell(i); td.innerText = i; }</script><table border=1 id="table_id"></table>

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网