Javascript 切换可见性时，添加到表中的第一项丢失

我有一个将行从一个表添加到另一个表的函数，但我不想在第二个表中显示行，直到至少添加了2行。但是，当我将此函数中的可见性切换为“可见”时，不会显示用户添加的第一行

 const addToFavourites = rowData => {
    let faveRow = document.createElement("tr");

    faveRow.style.visibility='hidden'

    faveRow.innerHTML = 
   `${rowData.innerHTML
    }<td class='cell'><button type='button' 
    class='remove-btn'>Remove</button> . 
    </td>`;

    favesTable.appendChild(faveRow);

   if (favesTable.rows.length > 2) {
    faveRow.style.visibility='visible';
   } 
}

const addToFavourites=rowData=>{
设faveRow=document.createElement（“tr”）；
faveRow.style.visibility='hidden'
faveRow.innerHTML=
`${rowData.innerHTML
}移除。
`;
favesTable.appendChild（faveRow）；
如果（favesTable.rows.length>2）{
faveRow.style.visibility='visible'；
} 
}

原因是您仅在单击第三行时设置其可见性。循环浏览上一行以将其设置为可见。如果在解决方案中检查控制台，您将看到表行存在，但仍设置为

可见性：hidden

，但您无法看到它们

const favesTable=document.getElementById（“favesTable”）；
const addToFavourites=rowData=>{
设faveRow=document.createElement（“tr”）；
faveRow.style.visibility='hidden'
faveRow.innerHTML=
`${rowData.innerHTML
}除去
`;
favesTable.appendChild（faveRow）；
如果（favesTable.rows.length>2）{
对于（变量i=0；i

单击此行1
单击此第2行
单击此第3行

非常感谢！很简单，但不知怎的我没想到。