html自动增加一行并获取行号,JS如何获得动态增加行的行号

最新推荐文章于 2021-09-13 21:49:26 发布

转载最新推荐文章于 2021-09-13 21:49:26 发布 · 305 阅读

文章标签：

#html自动增加一行并获取行号

本文介绍了一种在HTML中动态生成表格并设置行号的方法。通过JavaScript函数doAppend()实现向表格添加新行，点击单元格内的输入框时会显示当前行号。此方案解决了动态生成表格时行号从0开始的问题。

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

满意答案

牛股内幕

2013.08.23

采纳率：56% 等级：8

已帮助：212人

楼上的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;

00分享举报