如何使用Javascript自动增加html中的行序列号
我正在尝试添加表的行。我无法添加新添加行的序列号。 i、 e.添加行时,我必须显示序列号自动增量如何使用Javascript自动增加html中的行序列号,javascript,html,Javascript,Html,我正在尝试添加表的行。我无法添加新添加行的序列号。 i、 e.添加行时,我必须显示序列号自动增量 <SCRIPT language="javascript"> function addRow(dataTable) { var table = document.getElementById('dataTable'); var rowCount = table.rows.length; var row = table.i
<SCRIPT language="javascript">
function addRow(dataTable) {
var table = document.getElementById('dataTable');
var rowCount = table.rows.length;
var row = table.insertRow(2);
var colCount = table.rows[3].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[3].cells[i].innerHTML;
}
</SCRIPT>
函数addRow(数据表){
var table=document.getElementById('dataTable');
var rowCount=table.rows.length;
var行=table.insertRow(2);
var colCount=table.rows[3].cells.length;
对于(var i=0;iaddCells(表、行、单元格);
- table:表示目标表id的字符串。
- 例如,
addCells('dataTable',…)
- 行:要追加到目标选项卡的行数的整数。
- 例如,
addCells('dataTable',4,…)
- cells:每行有多少个单元格的整数。
- 例如,
addCells('dataTable',4,5)
每个行和单元格都分配了一个唯一的id,这是模式:
- 行:
表id
+R+行位置
- 例如
#数据表3
=第四行#数据表
- 单元格:
表id
+R+行位置
+C+单元格位置
- 例如
#dataTableR3C7
=第4行#dataTable
请注意数字中的偏移量。这是由于id系统是0-count(以0作为第一个数字开始)。请检查开发工具控制台以查看所有生成的id
这是,从这个。我不认为它是一个重复,因为你的问题更具体的一个方面,前面提到的问题。< /P>
var btn1=document.getElementById('btn1');
btn1.addEventListener('click',函数(e){
var inp0=document.getElementById('inp0').value;
var inp1=document.getElementById('inp1').value;
var inp2=document.getElementById('inp2').value;
添加单元(inp0、inp1、inp2);
},假);
函数addCells(表、行、单元格){
var T=document.getElementById(表);
var R=parseInt(行);
var C=parseInt(单元格);
对于(变量i=0;i
字段集{
利润率:20px;
}
桌子{
边框:3件双蓝;
表布局:固定;
}
运输署{
边框:1px纯红;
宽度:20px;
高度:20px
}
输入表ID、行数和每行单元格数
桌子
排
细胞
进入
桌子
身份证件
是
T
表ID:u
请正确缩进代码,使其更具可读性