【示例代码】
function delRow() {
// tableObject.deleteRow(index)
document.getElementById('tableId').deleteRow(0)
}
【说明】
deleteRow() 方法用于从表格删除指定位置的行。
参数 index 指定了要删除的行在表中的位置。行的编码顺序就是他们在文档源代码中出现的顺序。<thead>和 <tfoot>中的行与表中其它行一起编码。
首先分析下你的页面 页面运行后 自动从session中取出对应的值然后调用你的函数来进行输出 所以说只要你的session中有值 页面一旦刷新 就会从新加载 结果就是 表格一定会输出 所以现在问题就是移动到了你要处理session中的值 ,我换个说法,也就是说只要你的session中有值 页面刷新肯定会出现这个值 你用js只是将这个表格删掉 也就是说你上面的函数变成了没有表格 但是值还有 所以说会出现表格没了 但是值还有。我有一个提议 难道说一定要用js么?打个比方如果说我使用一个a链接 点击后传递一个id值到当前页面 然后你再做输出时候 用 $id = isset($_GET['id'])?:$_GET['id']:''这句话来获取一下 id值 然后判断如果这个id有值的话 就直接将session中的对应的信息删除就好了
你这段运行的关键在于session中的值 只要session中有值,输出一定输出 如果session中没了值 肯定不会输出。
非要用js的话 我能想到的只有ajax来使用 要不你的session中的值永远清不掉 清不掉就代表会显示
还有就是 如果说这个值没用的话 那么就是直接使用js动态给表格添加一个属性 display = 'none'让这个表格不显示就是了 但是这个说白了还是在骗自己 显示没了但是其实数值还有 所以说治标不治本
不知道你用的是源生的js,还是某个框架(其实哪个我也不太熟)。仅提供一个思路://添加按钮的事件,创建数据行和删除按钮所在行
function addRows(){
var rows=[]//数据行对象
...//生成数据行对象,存入rows中
...//插入数据行
var deleteRow=object //删除按钮所在行
...//插入删除按钮所在行
//为删除按钮定义事件
deleteBtn.click=function(){
...rows...//引用上面的 rows 数据行对象,执行删除操作。
}
}