单击频繁更改的内容

Question

有<table>行数不多（数百），该表中的一列包含链接：<tr> ... <td><a href='site.com'> site </a></td> ... </tr>。我的网络应用程序是快速变化内容的特征 - 例如，每100毫秒有一次刷新 - 从服务器获取新信息（fetch("server") - ＆gt; json() - ＆gt; drawTable()）。但通常只有一些单元格内部html发生变化，链接通常不变。

我目前相当天真的解决方案重写整个表格。内容不多，所以我的解决方案足够快。但问题是，点击链接（也不是按钮）是不可能的，因为表几乎总是在变化。

我有一个想法只更新实际更改的单元格。还有其他想法吗？

由于

Answer 1

我实现了更新已更改单元格的想法，但效果很好。创建函数update()并保留先前更新的数组：

 for ( let i = 0 ; i < rows.length ; ++i){
        const cells = rows[i].getElementsByTagName("TD")
        for(let j = 0 ; j < cells.length ; ++j){
            if ( Arr[i][j] == ArrPrev[i][j] ) 
                continue
            else
                cells[j].innerHTML = Arr[i][j]
        }
    }