如何更改 DOM 表中的一行文本 (JavaScript)？

Question

我用 Javascript 创建了一个 DOM 表，在表的第二行我显示了一个数字（温度）。在第三行中，我添加了修改该温度的按钮。按下其中一个按钮后，如何替换第二行的文本。我尝试替换第二行的文本子项，但它仅适用于按一下按钮。

var row2 = document.createElement("tr");
            cell.appendChild(row2);
            const cellText1 = document.createTextNode(temperatureRoom);
            row2.appendChild(cellText1);


            const row3 = document.createElement("tr");
            cell.appendChild(row3);
            var buttonUp = document.createElement("button");
            row3.appendChild(buttonUp);
            
            buttonUp.addEventListener("click", function() {
                nrclickUp = nrclickUp + 1;
                temperatureRoom = temperatureRoom + 0.5; 
                const cellText2 = document.createTextNode(temperatureRoom);
                const cellText3 = document.createTextNode(temperatureRoom);
                if(nrclickUp == 1)
                {
                    row2.removeChild(cellText1);
                    row2.appendChild(cellText2);
                    
                }
                if(nrclickUp == 2)
                {
                    row2.removeChild(cellText2);
                    row2.appendChild(cellText3); 
                    
                }
                if(nrclickUp > 2)
                {
                    row2.removeChild(cellText3);
                    row2.appendChild(cellText2);
                    nrclickUp = nrclickUp - 2;
                    
                }  
              });

我设法在第二行显示温度的新值，但旧值并没有被删除，而是一个接一个地创建了一行值。 我希望在我按下按钮后，第二行中的文本将自己替换为新值。