Javascript 如何将JSON文本转换为HTML？

如何将这些JSON值添加到HTML中的文本字段中。 JSON:

我需要将这4个值添加到这4个文本字段中：

<div class="counter-item">
    <h2>here value 1</h2>
    <h6>Odjeté konvoje</h6>
</div>
<div class="counter-item">
    <h2>here value 2</h2>
    <h6>Odjeté konvoje</h6>
</div>
<div class="counter-item">
    <h2>here value 3</h2>
    <h6>Pozice</h6>
</div>
<div class="counter-item">
    <h2>here value 4</h2>
    <h6>Najeté kilometry</h6>
</div>

这里的值为1
奥德杰特·孔瓦耶
这里是值2
奥德杰特·孔瓦耶
这里的值是3
波齐斯
这里的值是4
纳杰特公里

您可以使用jQuery选择类

计数器项中的
h2
子项，并为其赋值

请参考下面的编码地URL:

1）您没有任何文本字段，只有一些静态HTML。当然，您可以重写一些HTML内容，但从技术上讲，它们仍然不是字段。2） 到目前为止，你做了哪些研究和尝试？你可以在网上找到数百个以前的问题、教程、示例等，它们将向你展示这个想法的基础知识。你不是第一个问的人。我们并不是真的在重复我们自己。这不是免费的为我做事的服务。我们将帮助您解决代码中的特定问题，而不仅仅是免费提供完整的解决方案。这不是一个免费的自由职业者平台。你应该试着自己做点什么。如果您遇到问题，请写下您的代码，以便我们能够识别错误/问题并为您提供帮助。同时请注意，对象中的键并不是真正有序的。使用
Object.values（）
会按照此处提供的顺序返回值，但这并不是一种可靠的方法来存储应该是列表的数据。json和html之间没有相关性。Html有2个'Odjete konvoje'，其他唯一的仅部分匹配json“密钥”。我已经在互联网上搜索了，我有一个想法，但是@Purab解决了我的问题，非常感谢
<div class="counter-item">
    <h2>here value 1</h2>
    <h6>Odjeté konvoje</h6>
</div>
<div class="counter-item">
    <h2>here value 2</h2>
    <h6>Odjeté konvoje</h6>
</div>
<div class="counter-item">
    <h2>here value 3</h2>
    <h6>Pozice</h6>
</div>
<div class="counter-item">
    <h2>here value 4</h2>
    <h6>Najeté kilometry</h6>
</div>