Как редактировать все td на tbody

Итак, что я пытаюсь сделать, это добавить в свой код функцию «изменения», она работает только для первого td, но не для любого другого, когда я нажимаю на другой td, он автоматически редактирует первый. Кто-нибудь знает, почему мой код меняет только td> name / td>, а не td> adress / td> или любой другой td>

html:

 <form id = "registrering">
    <label>Navn: <input id = "inpnavn" placeholder = "Raahim Khan" type = "text" required></label>
    <label>Adresse: <input id = "inpadresse" type = "text" placeholder = "Adresse 12" required></label>
    <label>Mobilnummer: <input id = "inpmobilnummer" placeholder = "12345678" required></select></label>
    <label>Kjønn: 
      <select id = "inpkjønn" required>
        <option value = "" selected disabled hidden>Velg kjønn</option>
        <option>Mann</option>
        <option>Kvinne</option>
        <option>intetkjønn</option>
      </select>
    </label>
    <button type = "submit">Send inn</button>
 </form>

 //showing the data on website


    function hentruss(snapshot){
        var pk = snapshot.key;
        var nyruss = snapshot.val();
        var russref = database.ref("russ/" + nyruss.russ);
        russref.on("value", function(snapshotruss){
            var russobj = snapshotruss.val();
            txttabell.innerHTML += `
                <tr id = "${pk}">
                    <td><label class = "russlabel" onclick = "edit('${pk}')">${nyruss.navn}</label><input type = "text" class = "editItem" style = "display:none"></td>
                    <td><label class = "russlabel" onclick = "edit('${pk}')">${nyruss.adresse}</label><input type = "text" class = "editItem" style = "display:none"></td>
                    <td>${nyruss.mobilnummer}</td>
                    <td>${nyruss.kjønn}</td>
                    <td><label class = "delete" onclick = "slett('${pk}')"><button>Slett</button></label></td>
                </tr>
            `;

        });
    }

// обновляем имя, адрес и т. д., щелкнув элемент.

      function edit(pk) {
        var russen = russ.child(pk);


        var label = document.querySelector(`#${pk} .russlabel`);
        label.style.display = "none";
        var tekst = label.innerText;

        var inputfelt = document.querySelector(`#${pk} .editItem`);
        inputfelt.style.display = "block";
        inputfelt.value = tekst;
        inputfelt.focus();

        inputfelt.onblur = function() {
            inputfelt.style.display = "none";
            label.style.display = "block";
        };

        inputfelt.onchange = function() {
            russen.update(  {tekst: inputfelt.value}  )
            inputfelt.style.display = "none";
            label.style.display = "block"; 
            label.innerText = inputfelt.value;
        };

    }