Ошибка типа: не удалось выполнить `removeChild` на` узле`: параметр 1 не является типом `узла`

Question

это функция удаления для первичного ключа, и она должна позволить мне удалить ключ в базе данных, а также таблицу в txtTabell.innerHTML для того же ПК, этот код используется для работы, но внезапно перестал работать.Спасибо за помощь!

function slett(pk) {
    var sletttime = arrangement.child(pk);
    sletttime.remove();
    var tr = document.getElementById(`${pk}`);
    txtTabell.removeChild(tr);

}

Это еще одна функция удаления для другого элемента в txtTabell2.innerHTML.

function fjern(pkk) {
    var slettruss = russ.child(pkk);
    slettruss.remove();
}

Эти функции отображают содержимое внутренних HTML

    function hentArrangement(snapshot){
    var pk = snapshot.key;
    var nyTime = snapshot.val();
    var russRef = database.ref("russ/" + nyTime.russ);
    russRef.on("value", function(snapshotruss){
        var pkk = snapshotruss.key;
        var russObj = snapshotruss.val();
        txtTabell.innerHTML += `
        <tr id="${pk}">
        <td><label class="russlabel" onclick="edit('${pk}')">${nyTime.arrangør}</label><input type="text" class="editItem" style="display:none"></td>
        <td>${nyTime.adresse}</td>
        <td>${nyTime.postadresse}</td>
        <td>${nyTime.poststed}</td>
        <td>${nyTime.pris}</td>
        <td>${russObj.navn}</td>
        <td>${russObj.russadresse}</td>
        <td>${russObj.mobilnr}</td>
        <td>${russObj.kjonn}</td>
        </tr>`;

        txtTabell2.innerHTML +=`
        <tr =${pkk}>
            <td>${russObj.navn}</td>
            <td>${russObj.russadresse}</td>
            <td>${russObj.mobilnr}</td>
            <td>${russObj.kjonn}</td>
            <td><label class="delete" onclick="slett('${pk},${pkk}')"><button>Slett</button></label></td>
        </tr>`;


    });
} 

function hentRuss(snapshot){
    var russNoekkel = snapshot.key;
    var russInfo = snapshot.val();

    inpRuss.innerHTML += `<option value="${russNoekkel}">${russInfo.navn}</option>`;

};

Answer 1

Я выяснил это, ребята, я написал функцию удаления следующим образом:

function slett(pk,pkk) {
    var slettruss = russ.child(pkk)
    var tr = document.getElementById(`${pkk}`)
    txtTabell2.removeChild(tr);

    var sletttime = arrangement.child(pk);
    sletttime.remove();
    var tr = document.getElementById(`${pk}`);
    txtTabell.removeChild(tr);

}

и кнопка удаления выглядит так: txtTabell.innerHTML + = <tr id="${pk}"> <td><label class="russlabel" onclick="edit('${pk}')">${nyTime.arrangør}</label><input type="text" class="editItem" style="display:none"></td> <td>${nyTime.adresse}</td> <td>${nyTime.postadresse}</td> <td>${nyTime.poststed}</td> <td>${nyTime.pris}</td> <td>${russObj.navn}</td> <td>${russObj.russadresse}</td> <td>${russObj.mobilnr}</td> <td>${russObj.kjonn}</td> </tr>;

        txtTabell2.innerHTML +=`
        <tr id=${pkk}>
            <td>${russObj.navn}</td>
            <td>${russObj.russadresse}</td>
            <td>${russObj.mobilnr}</td>
            <td>${russObj.kjonn}</td>
            <td><label class="delete" onclick="slett**('${pk}','${pkk}')**"><button>Slett</button></label></td>
        </tr>`;

проблема была в кнопке удаления и как я их написал.