Javascript 如何使用for循环使用js在DOM中创建多个元素？

我想得到的结果是，我的

div

元素的

p

元素数应该与数组的元素数相同。

为了做到这一点，我尝试使用一个

for循环

，但它只是创建一个

p

元素，所以我没有工作。

有人知道怎么做吗？（我只是在学习js）

const diccionario=（）=>{
var dama=[“鸟：帕加罗”，“车：卡罗”，“房子：csa”，“卡米斯”]；
document.getElementById（“dic”）.addEventListener（“单击”，（）=>{
var pes=document.createElement（“p”）；
对于（变量i=0；i

您需要在循环中创建元素。如果在循环外部创建它，那么当调用

appendChild

时，它将从以前在DOM中的任何位置删除：

const diccionario = () => {
    var dama = ["bird:pajaro", "car:carro", "house:csa", "camis"];

    document.getElementById("dic").addEventListener("click", () => {
        for(var i = 0;  i < dama.length; i++){
            var pes = document.createElement("p"); // <----------------
            pes.innerHTML = dama[i];
            document.getElementById("cuadro").appendChild(pes);     
        }
    })
}

const diccionario=（）=>{
var dama=[“鸟：帕加罗”，“车：卡罗”，“房子：csa”，“卡米斯”]；
document.getElementById（“dic”）.addEventListener（“单击”，（）=>{
对于（变量i=0；iValuePES= Deal.CealEngEnter（“p”）；（或）如果有人使用“<代码> C克隆No/Cuth>”而不是使用“代码> CurATEngE< <代码> >来创建它，那么它会提高性能吗？我试过了，但我看不出明显的差别。”肯尼：当答案解决了您的问题时，您可以考虑将其标记为“接受”。（选中左侧的复选框）表示问题已解决：）向下移动
var pes
第1行（在for循环内），就可以开始了。
const diccionario = () => {
    var dama = ["bird:pajaro", "car:carro", "house:csa", "camis"];

    document.getElementById("dic").addEventListener("click", () => {
        for(var i = 0;  i < dama.length; i++){
            var pes = document.createElement("p"); // <----------------
            pes.innerHTML = dama[i];
            document.getElementById("cuadro").appendChild(pes);     
        }
    })
}