在JS表格中怎么删除一行(不是指定行,而是我

JavaScript022

在JS表格中怎么删除一行(不是指定行,而是我,第1张

可以使用table对象的deleteRow方法

【示例代码】

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 数据行对象,执行删除操作。

}

}