如何使用Javascript和Firebase从数据库中删除child_对象

如何使用Javascript和Firebase从数据库中删除child_对象,javascript,html,firebase,firebase-realtime-database,Javascript,Html,Firebase,Firebase Realtime Database,我在Firebase数据库上设置了一些对象,并将它们显示在带有“child_added”的HTML表上,以便在将它们添加到数据库后立即动态添加它们,并且表的每一行上都必须有一个delete按钮,但我不知道如何制作一个工作按钮来删除相应的数据库对象 我正在用来自Firebase的信息动态创建一个表。数据库我希望在表的每一行上都有一个delete按钮,用于从数据库中删除相应的表 function vislag(snapshot) { let nylag = snapshot.val(

我在Firebase数据库上设置了一些对象,并将它们显示在带有“child_added”的HTML表上,以便在将它们添加到数据库后立即动态添加它们,并且表的每一行上都必须有一个delete按钮,但我不知道如何制作一个工作按钮来删除相应的数据库对象

我正在用来自Firebase的信息动态创建一个表。数据库我希望在表的每一行上都有一个delete按钮,用于从数据库中删除相应的表

function vislag(snapshot) {
        let nylag = snapshot.val();
        let idrettRef = database.ref("idrett/" + nylag.Idrett);
        idrettRef.once("value", function(snapshotIdrett) {
            let idrettinfo = snapshotIdrett.val();
            txtTabell.innerHTML += `
            <tr>
              <td>${nylag.navn}</td><td>${nylag.klasse}</td>
              <td>${nylag.antall}</td><td>${idrettinfo.navn}</td>
              <td>
<input type="button" value="delete ${nylag.navn}" onclick="deletelag()"></td>
          </tr>`;
        });
    }

    lag.orderByChild("Idrett").on("child_added", vislag);


function deletelag() {
        databaseobjekt.remove()
    }

功能vislag(快照){
设nylag=snapshot.val();
让idretref=database.ref(“idrett/”+nylag.idrett);
IDretRef.once(“值”,函数(快照IDrett){
设idrettinfo=snapshotIdrett.val();
txtTabell.innerHTML+=`
${nylag.navn}${nylag.klasse}
${nylag.antall}${idrettinfo.navn}
`;
});
}
lag.orderByChild(“Idrett”)。on(“添加的儿童”,vislag);
函数deletelag(){
databaseobjekt.remove()
}
我希望onclick函数:deletelag()从Firebase数据库中删除该对象。如何执行此操作?

要执行此操作,需要有一个指向该特定节点的
数据库引用,然后对其调用
remove()
方法

对于您共享的代码,似乎是:

database.ref("idrett/" + nylag.Idrett).remove();

如果您有一个孩子列表,并且希望用户能够单独删除其中任何一个孩子,则通常需要将每个孩子的ID添加到HTML中。这样,您就可以读取用户单击的项目的ID,并删除该特定节点

一个简单的例子可以是:

database.ref('listitems').once('value', (snapshot) => {
  snapshot.forEach((child) => {
    let id = child.id;
    let name = child.val()
    let liElm = `<li id='${id}'>${name}</li>`;
    listElm.appendChild(liElm);
  })
})
function onLiClick(e) {
  let id = e.target.id;
  database.ref('listitems').child(id).remove();
}
}