Javascript 如何使用onclick函数删除数组中的项?
在这段代码中,我试图将项目推入数组,然后将其删除。 如果您看到下面,create按钮将给我一个空白输入和一个将其存储到数组中的按钮。将其推入阵列后,视图按钮将遍历阵列并显示所有项目,旁边有“编辑”和“删除”按钮。这就是我的问题所在。。。对于放入数组的每个项目,它都会在Html上显示它,并有自己的按钮。单击特定的删除按钮时,如何从数组中删除该项Javascript 如何使用onclick函数删除数组中的项?,javascript,arrays,function,loops,Javascript,Arrays,Function,Loops,在这段代码中,我试图将项目推入数组,然后将其删除。 如果您看到下面,create按钮将给我一个空白输入和一个将其存储到数组中的按钮。将其推入阵列后,视图按钮将遍历阵列并显示所有项目,旁边有“编辑”和“删除”按钮。这就是我的问题所在。。。对于放入数组的每个项目,它都会在Html上显示它,并有自己的按钮。单击特定的删除按钮时,如何从数组中删除该项 //variables var create = document.getElementById("create"); var view = docume
//variables
var create = document.getElementById("create");
var view = document.getElementById("view");
var display = document.getElementById("display");
var text = document.getElementById("text");
var push = document.getElementById("push");
var arr1 = [];
//create button
create.onclick = function () {
text.style.display = "inline";
push.style.display = "inline";
}
//push button
push.onclick = function () {
arr1.push(text.value);
push.dataset.u_index;
console.log(arr1);
text.value = "";
}
//view button
view.onclick = function () {
for (var i = 0; i < arr1.length; i++) {
var disp = document.createElement("div");
disp.innerHTML = arr1[i];
display.appendChild(disp);
var edit = document.createElement("button");
var edit_t = document.createTextNode("Edit");
disp.appendChild(edit);
edit.appendChild(edit_t);
var del = document.createElement("button");
var del_t = document.createTextNode("Delete");
disp.appendChild(edit);
edit.appendChild(edit_t);
disp.appendChild(del);
del.appendChild(del_t);
}
//del button
del.onclick = function () {
}
}
}
//变量
var create=document.getElementById(“create”);
var view=document.getElementById(“视图”);
var display=document.getElementById(“display”);
var text=document.getElementById(“text”);
var push=document.getElementById(“push”);
var arr1=[];
//创建按钮
create.onclick=函数(){
text.style.display=“inline”;
push.style.display=“inline”;
}
//按钮
push.onclick=函数(){
arr1.push(文本值);
push.dataset.u_索引;
控制台日志(arr1);
text.value=“”;
}
//查看按钮
view.onclick=函数(){
对于(变量i=0;i
您需要某种方法来识别要删除的元素,以便将其绑定到delete函数。下面的一些代码展示了使用数据属性的一种可能方法
//变量
var create=document.getElementById(“create”);
var view=document.getElementById(“视图”);
var display=document.getElementById(“display”);
var text=document.getElementById(“text”);
var push=document.getElementById(“push”);
var results=document.getElementById(“结果”);
var arr1=[];
//创建按钮
create.onclick=function(){
text.style.display=“inline”;
push.style.display=“inline”;
}
//按钮
push.onclick=函数(){
arr1.push(文本值);
push.dataset.u_索引;
控制台日志(arr1);
text.value=“”;
}
//查看按钮
view.onclick=函数(){
对于(变量i=0;i
创造
推
看法