Javascript 更新多个HTML<；部门>'；来自JSON对象的

我想通过从服务器获取最近的10篇“帖子”来动态生成我网站的主页。我的问题是我是否有这样的HTML格式

<div id="post1">
    <p id="link"> </p>
</div>
<div id="post2">
    <p id="link"> </p>
</div>
...
<div id="post10">
    <p id="link"> </p>
</div>

---

使用vanilla JS或jQuery动态生成每个div（以及相应的子标记）的最佳方法是什么。提前谢谢

请参考此希望，这是您正在努力实现的目标

var posts={
“员额”：[{
“id”：“randomId1”，
“链接”：“clickbait.com”
}, {
“id”：“randomId2”，
“链接”：“imgur.com”
}]
};
对于（变量i=0；iHELLO
'
$（“#main”）.append（html）
}

首先创建一个包含所有“生成”div的div

<div id="parentDiv">

</div>

---

您好，到目前为止您尝试了什么？可能希望查看jQuery.parseJSON（），然后查看结果对象jQuery追加$（“#some_id”）.append（“来自对象的内容”）；@yaje我对前端的东西很陌生，但当我填充我的配置文件页面时，我只将其写入元素id。但这要容易得多，因为当我得到api/profile/1时，只有一个结果。我尝试只为每个元素占位符标记分配10个唯一的id（例如。

<div id="parentDiv">

</div>

var yourJsonObject = {
...
};
var parentDiv = document.getElementById('parentDiv');
yourJsonObject.points.forEach(function(item, index){
        var newDiv = document.createElement('div');
        newDiv.id = "post" + index;

        var pChild = document.createElement('p');
        pChild.id = "link";
        //if so required
        //replace above with 'pChild.id = item.link;'


        newDiv.appendChild(pChild);
        parentDiv.appendChild(newDiv);
    });