我想使删除按钮在这个javascript程序中起作用.函数的语法是什么，它去哪里?仅.js

I want to make the delete button functional in this javascript program. What is the syntax for the function and where does it go? .js only

本文关键字：是什么 语法 js 函数 起作用 按钮 删除 程序 javascript      更新时间：2023-09-26

如何为数组创建删除函数。创建函数的语法是什么，它在代码中的位置是什么？

开始感到沮丧的人不得不投入大量时间才能放弃。

var userNames = [""];
/*******************************/                   
//init() function
function init()
{
var myButton = document.getElementById("btnSubmit");            
myButton.onclick = registerName;
}           
onload = init;          
/********************************************/          
function registerName()     
{
var newName = document.getElementById("txtName").value.toString();
var message = "";
var result = document.getElementById("result");         
var success = false;            
if (newName == "")
{
alert("Please, enter a Username");          
return false;
}
for (var i = 0; i < userNames.length; i++)
{           
    if (userNames[i] == newName)
    {
    message = "Sorry, the Username " + userNames[i] + " already exists.  Try                              again";              
    result.innerHTML = message;
    success = false;
    //stop further program execution
    return false;
    }
    else
    {
    message = "Great, you've successfully registered with us as " + newName;
    result.innerHTML = message;
    success = true;
    }
}
if (success)
{
userNames.push(newName);
}
userNames.sort(); 
var myTable = "<table><tr><td>NAME</td>";
myTable+= "<td>ACTION</td></tr>"; 
myTable+= "<tr><td>---------------</td>";
myTable+= "<td>---------------</td></tr>";
for (var i=0; i< userNames.length; i++)
    {
    myTable+="<tr>";
    userNames[i] = userNames[i].toString();
    myTable+="<td>" + userNames[i] + "</td>";
        myTable+="<td>" + "<button> Delete </button>" + "</td></tr>"; //NEED TO REPLACE "DELETE" WITH YOUR DELETE BUTTON 
    }  
    myTable+="</table>";
//OUTPUT THE ENTIRE TABLE AS AN ELEMENT FOR HTML
document.getElementById('tablePrint').innerHTML = myTable;
}

这是一个按钮的 html：

<input type='button' value='delete' />

所以你可以在你的javascript中使用它：

myTable+="<td><input type='button' value='delete' /></td></tr>";

创建按钮的另一种(更好(方法是创建一个 DOM 元素并将其添加到 DOM

var btn = document.createElement("button");
var tn = document.createTextNode("delete");
btn.appendChild(tn);
document.getElementById("parent").appendChild(btn);

在这里摆弄。

相关文章：