Javascript 使用表中更改的元素更新数据库

我正在制作一个公司技术支持联系人的地址簿，管理员可以通过表格的形式访问所有地址。在此表中，他可以添加、删除和更改同一页面中的数据

我已经成功地设置了

添加

和

删除

功能，但是我在

编辑

方面遇到了很多困难。我正在使用node、express、mongodb和vanilla javascript

我还是一个网络开发的新手，有些词我可能用错了，所以请提前道歉

（请原谅我的法语，但大多数单词在英语中的意思都是一样的。）

我的HTML

企业名称
电话1
电话2
邮寄
//我在数据库中循环

我的剧本

函数编辑（）{
var editComp=document.getElementsByClassName（“只读”）；
var edit=document.getElementById（'edit'）。type='hidden'；//获取编辑按钮并将其隐藏
var valider=document.getElementById（'valider'）。type='button'；//然后取消隐藏validate按钮，以便我可以使用它
对于（var i=0；i

因此，我想获取更改行的col[0]，这是我更改元素的_id，因此我可以将其作为更新数据库的目标，但我不知道该如何做

谢谢

<script>

function edit() {
    var editComp = document.getElementsByClassName("readonly");
    var edit = document.getElementById('edit').type = 'hidden'; //get the edit button and hide it
    var valider = document.getElementById('valider').type = 'button'; //then unhide the validate button so I can use it

    for (var i = 0; i < editComp.length; i++) { //remove the readonly for each td so I can edit it
      editComp[i].removeAttribute('readonly');
      editComp[i].setAttribute("style", "border: 1px solid red;");
    };
}

function valider() {
    var editComp = document.getElementsByClassName("readonly");
    var edit = document.getElementById('edit').type = 'button'; //unhide the edit button
    var valider = document.getElementById('valider').type = 'hidden' //hide my validate button

    for (var i = 0; i < editComp.length; i++) { //put back the readonly for each td so its uneditable
      editComp[i].setAttribute('readonly', true);
      editComp[i].setAttribute("style", "border: none;");
    };
}


function change(element) { //when the input gets unfocused, I assume that's because changes happened
    var setChanged = element.setAttribute("class", "readonly changed"); //I mark all changed element

    /*I want to udapte my database with the changed elements
      I was thing of getting the hidden company._id and the id of the changed element so I can update them specifically*/
}
</script>