Javascript 电子商务中如何动态添加段落

我有一系列段落

infoArray= [
    "<p data-i18next ='userGuideInfo.microbreak'></p>",
    "<p data-i18next ='userGuideInfo.break'></p>",
    "<p data-i18next ='userGuideInfo.notif'></p>",
    "<p data-i18next ='userGuideInfo.tray1'></p>",
    "<p data-i18next ='userGuideInfo.tray2'></p>",
    "<p data-i18next ='userGuideInfo.tray3'></p>",
    "<p data-i18next ='userGuideInfo.setting1'></p>",
    "<p data-i18next ='userGuideInfo.setting2'></p>",
    "<p data-i18next ='userGuideInfo.setting3'></p>"
]

您需要遍历每个元素并附加html或创建包装器元素并附加数据。以下是您可以采取的几种方法，选择您最喜欢的：

方法1 我们可以使用

beforeed

作为第一个参数，使用我们的html作为第二个参数，这个函数将允许我们将html放在许多不同的地方，这就是为什么它是列表中的第一个

让infoArray=[
“
1
”，
“
2
”，
“
3
”，
“
4
”，
“
5
”，
“
6
”，
“
7
”，
“
8
”，
“
9
”
]
让infoDiv=document.querySelector（'div[id=infoDisplay]”）
让infoPara=document.querySelector（'p[id=infoPara]'））
infoPara.remove（）
infoArray.forEach（项=>{
infoDiv.insertAdjacentHTML（'beforeend'，item）
})

谢谢，但它们似乎都不起作用。我不断地得到无法删除的空值。此外，我想一次只显示一个段落。我为什么要使用循环？