Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript自动增加html中的行序列号_Javascript_Html - Fatal编程技术网

如何使用Javascript自动增加html中的行序列号

如何使用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

我正在尝试添加表的行。我无法添加新添加行的序列号。 i、 e.添加行时,我必须显示序列号自动增量

<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;i
addCells(表、行、单元格);

  • 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
请正确缩进代码,使其更具可读性