删除数据Javascript
我使用一个对象数组在用javascript创建的动态表上显示数据 在表格内部,有两个按钮“删除”和“编辑” 当我按下delete键时,我会从数组中删除数据,但由于某种原因,数据仍然保留在表中?有人能告诉我为什么吗删除数据Javascript,javascript,arrays,Javascript,Arrays,我使用一个对象数组在用javascript创建的动态表上显示数据 在表格内部,有两个按钮“删除”和“编辑” 当我按下delete键时,我会从数组中删除数据,但由于某种原因,数据仍然保留在表中?有人能告诉我为什么吗 workers=[{ 名称:“Roni”, 电话:0545931252, 绰号:“RoniBoy”, 邮件:'Roni@gmail.com', }, { 姓名:'Lior', 电话:0545996452, 绰号:“狮子王”, 邮件:'Lior@gmail.com', }, { 名字:
workers=[{
名称:“Roni”,
电话:0545931252,
绰号:“RoniBoy”,
邮件:'Roni@gmail.com',
},
{
姓名:'Lior',
电话:0545996452,
绰号:“狮子王”,
邮件:'Lior@gmail.com',
},
{
名字:“阿曼”,
电话:0545886452,
绰号:“阿曼博伊”,
邮件:'Arman@gmail.com',
}
];
函数deleteFromList(id){
工人.拼接(id,1);
控制台日志(工人);
}
const toAppend=document.getElementById('appendBox');
让标记=“”;
for(设x=0;x
每次更新数组时都会重新加载html
workers=[
{
名称:“Roni”,
电话:0545931252,
绰号:“RoniBoy”,
邮件:'Roni@gmail.com',
},
{
姓名:'Lior',
电话:0545996452,
绰号:“狮子王”,
邮件:'Lior@gmail.com',
},
{
名字:“阿曼”,
电话:0545886452,
绰号:“阿曼博伊”,
邮件:'Arman@gmail.com',
}
];
函数deleteFromList(id){
工人.拼接(id,1);
控制台日志(工人);
renderMarkup();
}
函数renderMarkup(){
const toAppend=document.getElementById('appendBox');
让标记=“”;
for(设x=0;x
每次更新数组时都会重新加载html
workers=[
{
名称:“Roni”,
电话:0545931252,
绰号:“RoniBoy”,
邮件:'Roni@gmail.com',
},
{
姓名:'Lior',
电话:0545996452,
绰号:“狮子王”,
邮件:'Lior@gmail.com',
},
{
名字:“阿曼”,
电话:0545886452,
绰号:“阿曼博伊”,
邮件:'Arman@gmail.com',
}
];
函数deleteFromList(id){
工人.拼接(id,1);
控制台日志(工人);
renderMarkup();
}
函数renderMarkup(){
const toAppend=document.getElementById('appendBox');
让标记=“”;
for(设x=0;x
如果要从表中删除内容,则可能需要向每行添加一些顺序ID,以便可以直接删除一行。你也可以做类似的事情,只是在它所在的位置抓取一个,然后用这种方式删除它。您是想删除行还是只是想删除行中的一列
var tblBody = document.getElementById("tblBody"); //referencing a <tbody> tag's id
var row = document.getElementsByTagName("tr"); //get every tr element
tblBody.deleteRow(row[i].rowIndex);
var-tblBody=document.getElementById(“tblBody”)//引用标记的id
var行=document.getElementsByTagName(“tr”)//获取每个tr元素
tblBody.deleteRow(行[i].rowIndex);
如果要从表中删除内容,则可能需要向每行添加一些顺序ID,以便直接删除一行。你也可以做类似的事情,只是在它所在的位置抓取一个,然后用这种方式删除它。您是想删除行还是只是想删除行中的一列
var tblBody = document.getElementById("tblBody"); //referencing a <tbody> tag's id
var row = document.getElementsByTagName("tr"); //get every tr element
tblBody.deleteRow(row[i].rowIndex);
var-tblBody=document.getElementById(“tblBody”)//引用标记的id
var行=document.getElementsByTagName(“tr”)//获取每个tr元素
tblBody.deleteRow(行[i].rowIndex);
每次修改数组时都需要调用for循环。您还需要删除当前表并用新标记替换它。使用时为什么要使用+
?将其更改为:${workers[x].name}
。您只需要在开始和结束处使用反勾号。onClick
应该是onClick
在删除多个项后,还存在按索引而不是id删除的问题。每次修改数组时,您都需要调用for循环。您还需要删除当前表并用新标记替换它。使用时为什么要使用+
?将其更改为:${workers[x].name}
。您只需要在开头和结尾使用反勾号。onClick
应该是onClick
删除多个项目后,还存在按索引而不是id删除的问题。这是一个更好的答案!如果您确实知道要删除哪个表行,则无需重新绘制该表。这是一个更好的答案!如果您确切知道要删除哪个表行,则无需重新绘制该表。