Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用onclick函数删除数组中的项?_Javascript_Arrays_Function_Loops - Fatal编程技术网

Javascript 如何使用onclick函数删除数组中的项?

Javascript 如何使用onclick函数删除数组中的项?,javascript,arrays,function,loops,Javascript,Arrays,Function,Loops,在这段代码中,我试图将项目推入数组,然后将其删除。 如果您看到下面,create按钮将给我一个空白输入和一个将其存储到数组中的按钮。将其推入阵列后,视图按钮将遍历阵列并显示所有项目,旁边有“编辑”和“删除”按钮。这就是我的问题所在。。。对于放入数组的每个项目,它都会在Html上显示它,并有自己的按钮。单击特定的删除按钮时,如何从数组中删除该项 //variables var create = document.getElementById("create"); var view = docume

在这段代码中,我试图将项目推入数组,然后将其删除。 如果您看到下面,create按钮将给我一个空白输入和一个将其存储到数组中的按钮。将其推入阵列后,视图按钮将遍历阵列并显示所有项目,旁边有“编辑”和“删除”按钮。这就是我的问题所在。。。对于放入数组的每个项目,它都会在Html上显示它,并有自己的按钮。单击特定的删除按钮时,如何从数组中删除该项

//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

创造
推
看法