使用Javascript向表中添加新行

当用户单击addnew按钮时，一个新行应该添加到表的底部，但是当我单击该按钮时，什么也没有发生。脚本在我看来很好，我花了几个小时试图找到一个解决方案

函数addRow（tableID）{
var table=document.getElementById（tableID），
行=tbl.insertRow（tbl.rows.length），
我
对于（i=0；i

表，th，td{
边框：1px纯黑；
}  
国家
代码
阿尔及利亚
213
新增

您可以尝试以下方法：

函数addRow（tableID）{
var table=document.getElementById（tableID），
行=table.insertRow（table.rows.length），
我
对于（i=0；i

试验
表，th，td{
边框：1px纯黑；
}  
国家
代码
阿尔及利亚
213
新增

您可以尝试以下方法：

函数addRow（tableID）{
var table=document.getElementById（tableID），
行=table.insertRow（table.rows.length），
我
对于（i=0；i

试验
表，th，td{
边框：1px纯黑；
}  
国家
代码
阿尔及利亚
213
新增

使用JQuery只需很少的代码就可以做到这一点。请检查以下代码：-

$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
美元（“#countries tbody tr:last child”）。在（“Datadata”之后
});
});
表，th，td{
边框：1px纯黑；
}

国家
代码
阿尔及利亚
213
添加新的
使用JQuery只需很少的代码就可以做到这一点。请检查以下代码：-


$（文档）.ready（函数（）{
$（“.add”）。单击（函数（）{
美元（“#countries tbody tr:last child”）。在（“Datadata”之后
});
});
表，th，td{
边框：1px纯黑；
}

国家
代码
阿尔及利亚
213
添加新的
我希望这就是您想要的

    <script>
        function addRow(tableID) {
            var table = document.getElementById(tableID);    // get tableById
            var rowCount = table.rows.length;    // get row count
            var cellCount = table.rows[0].cells.length;    // get cell count
            var row = table.insertRow(rowCount);   // create row
            for(var i =0; i <= cellCount; i++){
                createCell(row.insertCell(i), i, 'row');
            }
        }
    </script>


函数addRow（tableID）{
var table=document.getElementById（tableID）；//获取tableById
var rowCount=table.rows.length；//获取行数
var cellCount=table.rows[0].cells.length；//获取单元格计数
var row=table.insertRow（rowCount）；//创建行
对于（var i=0；i我希望这就是您所寻找的

    <script>
        function addRow(tableID) {
            var table = document.getElementById(tableID);    // get tableById
            var rowCount = table.rows.length;    // get row count
            var cellCount = table.rows[0].cells.length;    // get cell count
            var row = table.insertRow(rowCount);   // create row
            for(var i =0; i <= cellCount; i++){
                createCell(row.insertCell(i), i, 'row');
            }
        }
    </script>


函数addRow（tableID）{
var table=document.getElementById（tableID）；//获取tableById
var rowCount=table.rows.length；//获取行数
var cellCount=table.rows[0].cells.length；//获取单元格计数
var row=table.insertRow（rowCount）；//创建行
对于（var i=0；我这样做是为了回答您的问题吗？我可以看到您正在for循环中调用名为
createCell
的函数。但是，我看不到您在哪里定义了它。这可能是因为您尚未定义该函数，而您遇到了一个错误。请检查您的控制台。@Bora您是对的，我没有定义createCell。谢谢。这个答案是正确的吗我们的问题？我可以看到您正在for循环中调用一个名为
createCell
的函数。但是，我看不到您在哪里定义了它。这可能是因为您尚未定义该函数，因此出现了一个错误。请检查您的控制台。@Bora您是对的，我尚未定义createCell。谢谢。这很有效，我能够将用户添加进来这很有效，我可以添加用户输入。