Javascript 在HTML表中添加一个空行

我有一个HTML表格，它在当前行中按钮所在的位置下方添加了一个新行。当前，当创建行时，它会生成上面包含数据的行的克隆。我希望这是一个没有输入值条目的行，而不是上面值的克隆

Javascript

函数addRow（row）
{
var i=row.parentNode.parentNode.rowIndex；
var tr=document.getElementById（'Table'）.insertRow（i+1）；
tr.innerHTML=row.parentNode.parentNode.innerHTML；
tr.children[0].innerHTML=tr.parentNode.queryselectoral（“tr”）.length-1；
}

测量深度
倾向
方位角
删除？
添加行？

使用jQuery，您可以非常轻松地做到这一点：

var$lastRow=$（“table#table tr:last child”）；
var$newRow=$lastRow.clone（）
$newRow.find（“输入[type=text]”）.val（“”）//清空文本输入中的所有值
$（“table#table”）。追加（$newRow）

测量深度
倾向
方位角
删除？
添加行？
添加行后，只需将该行中所有输入的值设置为“”。使用
tr.querySelectorAll（“input[type='text']”）获取text类型的所有输入


函数addRow（row）
{
var i=row.parentNode.parentNode.rowIndex；
var tr=document.getElementById（'Table'）.insertRow（i+1）；
tr.innerHTML=row.parentNode.parentNode.innerHTML；
var inputs=tr.querySelectorAll（“输入[type='text']”）；
对于（var i=0；i将这行代码添加到函数中，以使HTML代码中的值为空：

function addRow(row)
{
    var i = row.parentNode.parentNode.rowIndex;
    var tr = document.getElementById('Table').insertRow(i+1);
    tr.innerHTML = row.parentNode.parentNode.innerHTML;
    tr.innerHTML = tr.innerHTML.replace(/value='.*'/, "value=''"); //this will remove all values from your html
    tr.children[0].innerHTML = tr.parentNode.querySelectorALL("tr").length-1;
} 

使用：

我可以建议您这样做-在javascript中定义表行并直接添加它们。另外，使用
th
作为表头


功能编辑_行（否）{
document.getElementById（“编辑按钮”+否）.style.display=“无”；
document.getElementById（“保存按钮”+否）.style.display=“块”；
//获取元素
var测量=document.getElementById（“测量行”+否）；
var倾角=document.getElementById（“倾角行”+no）；
var Axitation=document.getElementById（“Axitation_行”+no）；
//获取他们的价值观
var-measured_data=measured.innerHTML；
var TINDLE_data=TINDLE.innerHTML；
var Axitation_data=Axitation.innerHTML；
//替换为可编辑的输入标记
measured.innerHTML=“”；
倾斜度。innerHTML=“”；
方位角.innerHTML=“”；
}
功能保存_行（否）{
//与编辑功能中的相同
var measured_val=document.getElementById（“measured_text”+no）.value；
var tilture\u val=document.getElementById（“tilture\u text”+no）.value；
var Axistance_val=document.getElementById（“Axistance_text”+no）.value；
document.getElementById（“测量的行”+no）.innerHTML=measured\u val；
document.getElementById（“倾斜度行”+no）.innerHTML=倾斜度值；
document.getElementById（“方位角行”+no）.innerHTML=Azimition\u val；
document.getElementById（“编辑按钮”+否）.style.display=“块”；
document.getElementById（“保存按钮”+否）.style.display=“无”；
}
函数删除_行（否）{
document.getElementById（“行”+no+”）.outerHTML=“”；
}
函数add_row（）{
var new_measured=document.getElementById（“new_measured”）.value；
var new_TINDING=document.getElementById（“new_TINDING”）.value；
var new_方位角=document.getElementById（“new_方位角”）.value；
var table=document.getElementById（“数据表”）；
var table_len=（table.rows.length）-1；
var row=表格.insertRow（表格长度）.outerHTML=“”+新测量的角度+“”+新倾斜角度+“”+新方位角+“”；
document.getElementById（“新测量值”）。value=“”；
document.getElementById（“新倾斜”）.value=“”；
document.getElementById（“新方位角”）.value=“”；
}

测量深度
倾向
方位角
339
0.540000021
310.7200012
一般来说，这样做是错误的。我建议在Javascript中创建行html模板并重新使用它。这不仅是因为输入值，而且我还看到您有许多需要不同的元素ID。@skobaljic我会研究一下，我很少涉足html和Javascript，所以我或多或少会对此进行修改呃，随学随学。感谢您的投入！
function addRow(){
    var t = $("#Table tr").last().clone();
    t.find("input").each(function(i,element) { 
        $(element).val("");
    });
    t.appendTo("#Table");
}