HTML和JavaScript自动递增编号
发布时间:2020-12-14 21:16:25 所属栏目:资源 来源:网络整理
导读:我是HTML和JavaScript的新手.我在HTML中遇到了这样的问题(下面这段代码只是为您提供了易于引用的问题.) tr td1/td tdHarry/td/trtr td2/td tdSimon/td/tr td3/td tdMaria/td/tr/tr td4/td tdVictory/td/tr 这是一个名单,但问题是有时我需要在这个表中添加更
我是HTML和JavaScript的新手.我在HTML中遇到了这样的问题(下面这段代码只是为您提供了易于引用的问题.)
<tr> <td>1</td> <td>Harry</td> </tr> <tr> <td>2</td> <td>Simon</td> </tr> <td>3</td> <td>Maria</td> </tr> </tr> <td>4</td> <td>Victory</td> </tr> 这是一个名单,但问题是有时我需要在这个表中添加更多的名字而且我必须在1号前添加,所以这意味着我必须重新编写号码列表,(EX:1 1 2 3 4 – > 1 2 3 4 5).我觉得这不是一个好方法. 注意:我不想将列表编号从上到下更改.这是一个HTML文件,因此无法应用PHP 任何人都可以帮我把数字变成像“i”这样的变量,一个函数可以帮助我自动填充变量i从上到下的增量 <tr> <td>i</td> <td>Harry</td> </tr> <tr> <td>i</td> <td>Simon</td> </tr> <td>i</td> <td>Maria</td> </tr> </tr> <td>i</td> <td>Victory</td> </tr> 函数Fill_i例如: 再说一遍:我不允许使用PHP或ASP,当我添加新名称时,我会通过HTML手动添加它. 解决方法
这应该适合你:
<table> <tr> <td>Harry</td> </tr> <tr> <td>Simon</td> </tr> <tr> <td>Maria</td> </tr> <tr> <td>Victory</td> </tr> </table> <script> var tables = document.getElementsByTagName('table'); var table = tables[tables.length - 1]; var rows = table.rows; for(var i = 0,td; i < rows.length; i++){ td = document.createElement('td'); td.appendChild(document.createTextNode(i + 1)); rows[i].insertBefore(td,rows[i].firstChild); } </script> 脚本应该放在你的表后面.它遍历表的每一行,并在该单元格内增加一个额外的单元格. JSFiddle Demo (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |