Question

我使用JS将数组数据追加到表中。

我正在尝试添加一个删除附加数据的按钮，并将其自己的数据放入其中。我可以获取要添加的数据，但我无法删除数据。

我试过这些没有运气 -

.children().last().remove();

＆安培;

           .removeChild() ;

我有一个小提琴，但我不能在新添加时删除原始数据（按钮现在有效！-thanks） - http://jsfiddle.net/2waZ2/37/ 我添加了什么代码，以便在添加数组中的新行时删除旧数据？

要加载的代码：

var row =  document.createElement('tr');
row.innerHTML = displayArrayAsTable(QR4, 24, 25);
document.getElementById('mytable').appendChild( row ) ;

添加数据的按钮代码：

function addNewRow() {
var row =  document.createElement('tr');
row.innerHTML = displayArrayAsTable(QR4L, 24, 25);
 document.getElementById('mytable').appendChild( row ) ;
}

Answer 1

http://jsfiddle.net/2waZ2/47/

删除第一个子行：

var table = document.getElementById('mytable');
table.removeChild(table.children[1])

Answer 2

我已更新fiddle，现在效果很好。在添加新行之前，您可以使用类似的内容：

var last = document.getElementById('mytable').lastChild ;    
document.getElementById('mytable').removeChild(last);

Answer 3

jQuery的一个简单回答：http://jsfiddle.net/guard/2waZ2/48/

Javascript：如何删除追加的子行（tr）？

3 个答案: