JS如何获得动态增加行的行号

已有行的行号就可以获取，但动态增加行的行号就无法获取，请高手帮忙解决。<script>functiondoAppend(){document.all.a.innerHTM... 已有行的行号就可以获取，但动态增加行的行号就无法获取，请高手帮忙解决。

<script>
function doAppend() {
document.all.a.innerHTML += "<tr> <td><input type=text name=textfield3 ></td> </tr>";
}
function clickhand()
{
if(window.event.srcElement.tagName=="INPUT"){
window.event.srcElement.value=window.event.srcElement.parentElement.parentElement.sectionRowIndex
}}
document.onclick=clickhand
</script>
<body>
<table width="100%" border="0" >
<tr>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td><input type="text" name="textfield2"></td>
</tr>
<tr>
<td><input type="text" name="textfield3"></td>
</tr>
</table>
<div id=a></div>
<a href="#" onmousedown=doAppend()>增加行 </a>
</body>
</html>
不好意思叙述有遗漏，如何在INPUT中写入列号呢？展开

 我来答

5个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

后晶延俊发
2019-01-25 · TA获得超过3809个赞

知道大有可为答主

回答量：3091

采纳率：33%

帮助的人：246万

我也去答题访问个人页

关注

展开全部

楼上的
应该把<tbody></tbody>
去掉
，动态生成出来的行不能做为table的主体部分
这样的话行号又从0开始取了
New
Document
New
Document
<table
width="100%"
border="0">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
增加行
查看原帖>>

已赞过 已踩过<

评论收起

须密夔飞翼
2019-10-25 · TA获得超过3881个赞

知道大有可为答主

回答量：3119

采纳率：25%

帮助的人：412万

我也去答题访问个人页

关注

展开全部

楼上的nbsp;应该把amp;lt;tbodyamp;gt;amp;lt;/tbodyamp;gt;nbsp;去掉nbsp;，动态生成出来的行不能做为table的主体部分nbsp;这样的话行号又从0开始取了amp;lt;!DOCTYPEnbsp;HTMLnbsp;PUBLICnbsp;“-//W3C//DTDnbsp;HTMLnbsp;4.0nbsp;Transitional//EN“amp;gt;amp;lt;HTMLamp;gt;nbsp;amp;lt;HEADamp;gt;nbsp;nbsp;amp;lt;TITLEamp;gt;nbsp;Newnbsp;Documentnbsp;amp;lt;/TITLEamp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Generator“nbsp;CONTENT=“EditPlus“amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Author“nbsp;CONTENT=““amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Keywords“nbsp;CONTENT=““amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Description“nbsp;CONTENT=““amp;gt;nbsp;amp;lt;/HEADamp;gt;nbsp;amp;lt;!DOCTYPEnbsp;HTMLnbsp;PUBLICnbsp;“-//W3C//DTDnbsp;HTMLnbsp;4.0nbsp;Transitional//EN“amp;gt;amp;lt;HTMLamp;gt;nbsp;amp;lt;HEADamp;gt;nbsp;nbsp;amp;lt;TITLEamp;gt;nbsp;Newnbsp;Documentnbsp;amp;lt;/TITLEamp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Generator“nbsp;CONTENT=“EditPlus“amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Author“nbsp;CONTENT=““amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Keywords“nbsp;CONTENT=““amp;gt;nbsp;nbsp;amp;lt;METAnbsp;NAME=“Description“nbsp;CONTENT=““amp;gt;nbsp;amp;lt;/HEADamp;gt;amp;lt;scriptamp;gt;nbsp;functionnbsp;doAppend()nbsp;{nbsp;varnbsp;newTr=tabtest.insertRow();varnbsp;newTdnbsp;=nbsp;newTr.insertCell();newTd.innerHTML=‘amp;lt;inputnbsp;type=textamp;gt;‘;}nbsp;functionnbsp;clickhand()nbsp;{nbsp;if(window.event.srcElement.tagName==“INPUT“){nbsp;window.event.srcElement.value=window.event.srcElement.parentElement.parentElement.sectionRowIndexnbsp;}}nbsp;document.onclick=clickhandnbsp;amp;lt;/scriptamp;gt;nbsp;amp;lt;BODYamp;gt;nbsp;amp;lt;tablenbsp;width=“100%“nbsp;border=“0“nbsp;id=“tabtest“nbsp;amp;gt;nbsp;amp;lt;tramp;gt;nbsp;amp;lt;tdamp;gt;amp;lt;inputnbsp;type=“text“nbsp;name=“textfield“amp;gt;amp;lt;/tdamp;gt;nbsp;amp;lt;/tramp;gt;nbsp;amp;lt;tramp;gt;nbsp;amp;lt;tdamp;gt;amp;lt;inputnbsp;type=“text“nbsp;name=“textfield2“amp;gt;amp;lt;/tdamp;gt;nbsp;amp;lt;/tramp;gt;nbsp;amp;lt;tramp;gt;nbsp;amp;lt;tdamp;gt;amp;lt;inputnbsp;type=“text“nbsp;name=“textfield3“amp;gt;amp;lt;/tdamp;gt;nbsp;amp;lt;/tramp;gt;nbsp;amp;lt;/tableamp;gt;nbsp;amp;lt;divnbsp;id=aamp;gt;amp;lt;/divamp;gt;nbsp;amp;lt;anbsp;href=“#“nbsp;onmousedown=doAppend()amp;gt;增加行nbsp;amp;lt;/aamp;gt;nbsp;amp;lt;/BODYamp;gt;nbsp;amp;lt;/HTMLamp;gt;

已赞过 已踩过<

评论收起

百度网友ad2809a
2008-07-20 · TA获得超过1357个赞

知道小有建树答主

回答量：352

采纳率：0%

帮助的人：326万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

百度网友96e2ee03dff
推荐于2016-10-10 · TA获得超过376个赞

知道小有建树答主

回答量：69

采纳率：0%

帮助的人：109万

我也去答题访问个人页

关注

展开全部

楼上的 应该把<tbody></tbody> 去掉 ，动态生成出来的行不能做为table的主体部分 这样的话行号又从0开始取了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script> 
function doAppend() { 
var newTr=tabtest.insertRow();
var newTd = newTr.insertCell();
newTd.innerHTML='<input type=text>';

} 
function clickhand() 
{ 
if(window.event.srcElement.tagName=="INPUT"){ 
window.event.srcElement.value=window.event.srcElement.parentElement.parentElement.sectionRowIndex 
}} 
document.onclick=clickhand 
</script> 
<BODY> 
<table width="100%" border="0" id="tabtest" > 
<tr> 
<td><input type="text" name="textfield"></td> 
</tr> 
<tr> 
<td><input type="text" name="textfield2"></td> 
</tr> 
<tr> 
<td><input type="text" name="textfield3"></td> 
</tr> 
</table> 
<div id=a></div> 
<a href="#" onmousedown=doAppend()>增加行 </a> 
</BODY> 
</HTML>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

百度网友222345d68
2008-07-20 · 超过21用户采纳过TA的回答

知道答主

回答量：145

采纳率：0%

帮助的人：80.6万

我也去答题访问个人页

关注

展开全部

都贴这么多

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

JS如何获得动态增加行的行号

其他类似问题

为你推荐：