Javascript AppendChild没有创建新的div，我的逻辑正确吗？

我创建了一个js脚本，它将在DB中迭代时创建新的div。我想知道为什么只创建一个div，而不创建其他div。我的逻辑是否有问题，如果没有，很可能是我的html网格。for循环正在经历的DB中有4次hera2.0迭代，但前端仅显示一次

函数追加数据（数据）{
var mainContainer=document.getElementById（“myData”）；
对于（变量i=0；i

函数追加数据（数据）{
var mainContainer=document.getElementById（“myData”）；
var price=document.getElementById（“价格”）；
var productTitle=document.getElementById（“#productTitle”）；
var image=document.getElementById（“#images”）；
对于（变量i=0；i}

请找到以下解决方案

您总是引用覆盖现有数据的相同价格、productTitle和图像。您必须引用新创建的div的价格、productTitle和图像

函数追加数据（数据）{
var mainContainer=document.getElementById（“myData”）；
对于（变量i=0；i

维亚斯汗

如果（数据[i].productName===“HERA 2.0”）{只满足一个这样的元素，那么可能

您可以粘贴足够的数据进行调试吗，目前数据不够。我已经添加了HtmlTank you Dhruvi。当我使用此代码时，我会复制相同的数据。我是否缺少克隆节点部分的某些内容？（添加了编辑到post）在querySelector中，您将行作为id而不是类。
document.querySelector（“#row”）.cloneNode（true）
替换为
document.querySelector（“.row”）.cloneNode（true）
如果您仍然面临任何问题，请参阅。使用.row（class）对我的挑战我得到了一个未定义的引用错误。所以我使用了ID，但我认为这会中断循环并覆盖数据。当然。因为应该有一个唯一的ID，而不是像类一样重复。您可以在函数appendData中显式删除ID。