Javascript 在a<；部门>；显示对象数组中每个对象的键值对，每个对象都有换行符

我有一个对象数组，需要在div或h6中显示每个对象的键值对。我希望文本的格式如下： 键：值（此处换行） 键：值（此处换行）。。。 到目前为止，我的代码是：

Index.html:
  <div class="game-history"></div>

JS:
  const gameHistoryReadable = response.games.map(item => {
    let gamesTemp = ''
    for (const [key, value] of Object.entries(item)) {
      gamesTemp += key + ': ' + value + '\n'
    }
    return gamesTemp
  })
  $('.game-history').text('')
  $('.game-history').text(gameHistoryReadable)

Index.html：
JS:
const gameHistoryReadable=response.games.map（项=>{
让gamesTemp=''
for（对象项（项）的常量[键，值]）{
gamesTemp+=key+'：'+value+'\n'
}
返回gamesTemp
})
$（“.游戏历史”）.text（“”）
$（'.game history'）.text（gamehistory可读）

显示：

---

单元格：2021-02-19T11:57:56.087Z更新日期：2021-02-19T11:57:56.087Z更新日期：0，单元格：0，单元格：602589d0b3d544001780bb69创建日期：2021-02-19T11:57:56.087Z更新日期：2021-02-19T11:57:56.087Z，单元格：0，，，更新日期：2021-02-19T19:20:42.898Z更新日期：2021-02-19T19:27:30.22Z更新日期：2021-02-19T19:20:30，单元格：0，单元格：，，，，，，，，，，更新日期：602589d0b3d544001780bb69创建日期：2021-02-19T19:20:42.898Z，，，，，，，，结束：false，id:603011a60d2da000170123dd所有者：602589d0b3d544001780bb69创建日期：2021-02-19T19:29:42.202Z更新日期：2021-02-19T19:29:42.202Z，单元格：0，单元格：false，单元格：603011AA0D2000170123DE所有者：602589d0b3d544001780bb69创建日期：2021-02-19T19:29:46.074Z，单元格：2021-02-19T19，单元格：，，，，，，，，over:false u id:603012260d2da00017023df所有者：602589d0b3d544001780bb69创建日期：2021-02-19T19:31:50.484Z更新日期：2021-02-19T19:31:50.484Z u v:0，单元格：，，，，，，，，结束：false _id:603013D20D2DA00017023E0所有者：602589d0b3d544001780bb69创建日期：2021-02-19T19:38:58.767Z更新日期：2021-02-

您好，欢迎来到Stackoverflow，那么这应该是什么样子？或者我们应该猜测什么是关键或价值？为什么不将

\n

更改为

并将其作为HTML而不是文本

.HTML（gameHistoryReadable）

？您是否也尝试将

游戏历史

div更改为

元素？完美！就像我想要的那样。非常感谢。