Javascript:如何删除附加的子行(tr)?

标签 javascript

我正在使用 JS 将数组数据附加到表中。

我正在尝试添加一个按钮来删除附加数据,然后放入自己的数据。我可以获取要添加的数据,但无法删除数据。

我已经尝试过这些但没有运气 -

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

&

           .removeChild() ;

我有一个 fiddle ,但在添加新数据时无法删除原始数据(按钮现在可以使用!-谢谢)- 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 ) ;
}

最佳答案

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

删除第一个子行:

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

关于Javascript:如何删除附加的子行(tr)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7516965/

相关文章:

javascript - 使用来自不同 JS 文件的 extjs Store

javascript - 由通配符证书和不同 CA 上的站点特定证书共享的 Cookie?

php - 防止表单提交时重定向并在 php 中使用 POST 变量

javascript - 该脚本不会重新加载已加载的 php

javascript - CKEditor 4 : Uncaught TypeError: Cannot read property 'langEntries' of null

javascript - 一起使用 CasperJS 和 sitespeed.io

javascript - JS 文件无法访问 laravel 变量

javascript - 使用 Paper.js 设置图像以填充 Canvas

Javascript:错误无法设置未定义的属性 '...'

javascript - Promise AngularJS 遇到麻烦...控制台日志无法处理 http 请求