Javascript 如何在HTML/JS中更新现有模板行

我正在考虑使用模板在web应用程序中动态创建行，以便在服务器完成计算后发送新数据时逐步更新页面。使用模板创建新行效果很好，但我想知道如何更新使用模板创建的现有行中的信息，或者是否可以使用模板更新现有行

                    <!-- reusable template for row objects -->
                    <template id="post_template">
                        <!-- template content -->
                        <div class="card mb-3 animated fadeIn shadow-sm">
                             <div class="cared-body"> 
                                 <h4 class="card-title" id="title"></h4>
                                 <span class="text-muted" id="content"></span>
                            </div>
                        </div>
                    </template>

不要让服务器端函数将行追加到列表的末尾，只需让它替换所有行即可。替换每一行是唯一的选择。我要求提供一种方法来识别和更新特定的行元素，因为按程序重新生成数百到数千行，特别是当它们包含图像等重元素时，会影响性能。然后只需编写一个“innerRow”函数来替换行的内部内容，并使用JavaScript和AJAX将这些行作为目标并替换。