Question

我不是每个人都说html的新手，但我绝对没有经验，也绝对不是在javascript中。

我有一个带有文本框的表格，只要你在文本框中输入内容并按下Voeg toe按钮，它就会被添加到第二列，这是正确的。不过我希望在第一栏中有一个自动编号，我尝试过多次但似乎无法使它工作。

    function add_row()
{
 var new_name=document.getElementById("new_name").value;


 var table=document.getElementById("data_table");
 var table_len=(table.rows.length)-1;
 var row = table.insertRow(table_len).outerHTML="<tr id='row"+table_len+"'><td></td><td id='name_row"+table_len+"'>"+new_name+"</td></tr>";

 document.getElementById("new_name").value="";

 }

这是使用

的javascript

}

table tr {
    counter-increment: rowNumber;
}

table tr td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}

我找到了一些css代码，但所有这一切都是给每一行数字0而不是0,1,2等等

src/main

Answer 1

下面：

在你的CSS上你需要评论或删除这一行：

content: counter(rowNumber);

并更改您的javascript：

 var row = table.insertRow(table_len).outerHTML="<tr id='row"+table_len+"'><td>"+table_len+"</td><td id='name_row"+table_len+"'>"+new_name+"</td></tr>";

JSFiddle：https://jsfiddle.net/hrm8k8kh/

使用javascript将自动编号添加到HTML表格

1 个答案: