Javascript “清除”按钮正在清除正文中的所有值？更新按钮是否在不更新给定值的情况下添加另一行？

这里的clear按钮在javascript中不起作用

var a=[]；
var指数=”；
document.getElementById（“更新”）.style.display=“无”；
函数add（）{
var firstname=document.getElementById（“firstname”）.value；
var lastname=document.getElementById（“lastname”）.value；
var age=document.getElementById（“age”）.value；
document.getElementById（“firstname”）.value=“”；
document.getElementById（“lastname”）.value=“”；
document.getElementById（“年龄”）.value=“”；
函数clear（）{
document.getElementById（“firstname”）.value=“”；
document.getElementById（“lastname”）.value=“”；
document.getElementById（“年龄”）.value=“”；
}
如果（（名字=“”| |姓氏=“”| |年龄=“”）
{
警报（“输入所有文本框值”）；
}否则{
var person={fname:firstname，lname:lastname，ag:age}；
如果（索引！=''|索引=''）
{
document.getElementById（“add”）.style.display=“inline”；
document.getElementById（“更新”）.style.display=“内联”；
a[指数]=人；
指数=''；
}否则{
a、 推（人）；
}
document.getElementById（“更新”）.style.display=“无”；
添加_详细信息（）；
}
}
函数add_details（）{
var表=”；
变量行=a.length
对于（i=0；i而不是使用forloop和index，您可以使用子/父关系来获取您想要编辑或删除的元素等。这不是一个完整的答案，而是一个希望能够让您了解如何实现您想要实现的目标的示例


函数删除行（btn）{
var row=btn.parentNode.parentNode；
row.parentNode.removeChild（row）；
}
函数add（）{
var table=document.getElementById（“数据表”）；
var newRow=table.innerHTML；
新行=新行+=“”；
newRow++=“a[i].fname“+”；
newRow++=“a[i].lname“+”；
newRow++=“a[i].ag++”；
//表+=“”+a[i]。性别+“”；
newRow+=“删除”；
table.innerHTML=newRow；
}

标题
标题
标题
测试
测试
测试
测试
测试
测试
在add（）函数中，可以添加一个条件来检查执行了什么操作

function add(flag) {
   ....
   ....
   if(!flag) {
      adddet();
   } else {             
      document.getElementById("fn"+ind).innerHTML = a[ind].fname;
      document.getElementById("ln"+ind).innerHTML = a[ind].lname;
      document.getElementById("ag"+ind).innerHTML = a[ind].ag;           
   }       
 }

在adddet（）函数中，您可以为id指定我们的td，以便按id访问行的值

 function adddet(){ 
    ...
    ...
    table+="<td id='fn"+i+"'>"+a[i].fname+"</td>";
    table+="<td id='ln"+i+"'>"+a[i].lname+"</td>";
    table+="<td id='ag"+i+"'>"+a[i].ag+"</td>";
    ...
    ...
 }

函数adddet（）{
...
...
表+=“”+a[i].fname+“”；
表+=“”+a[i].lname+“”；
表+=“”+a[i].ag+“”；
...
...
}

在html中，将表示操作是否正确的标志作为参数传递
添加或更新

<button type = "submit" id = "add" onclick = "add(false)" >Add</button> 
<button id = "update" onclick = "add(true)" >Update</button> 

添加
更新

我希望这对你有用！
谢谢你澄清我的疑问，但是你能把代码保存在我的程序中吗？我发过来给我，因为我是javascript新手，这是我的第一个程序，所以请help@vyjayanthihanchate一个选项是使用
contenteditable=“true”
，以使单元格可编辑。
blablabla
。这将允许用户只需单击单元格即可更改表格内容。您仍然可以使用编辑按钮，但编辑按钮只需在单元格上设置焦点，就可以让用户清楚地看到单元格是可编辑的：
cell.focus（）
；