有没有办法从对象生成新的 HTML 元素？

【问题标题】：Is there a way to generate new HTML elements from an object?有没有办法从对象生成新的 HTML 元素？
【发布时间】：2020-03-15 08:58:27
【问题描述】：

我正在开发一个 Electron 应用程序，它使用 Reddit API（snoowarp 模块）从我的 subreddit 中获取帖子作为对象。

在我的 index.html 我有一个 div 元素来显示这些帖子，现在我正在寻找一种方法将它们生成为 HTML div 元素 然后将它们在那里。

这是我的应用的图片：

谢谢:)

【问题讨论】：

标签： javascript html css node.js electron

【解决方案1】：

这是我为您解决问题的方法。我希望它会帮助你:)

const container = document.querySelector("#container");
newDiv = document.createElement("div");
newDiv.textContent = "Hello";
newDiv.setAttribute("id", "red");
container.appendChild(newDiv);

#red{
  background:red;
}

<div id="container">
</div>

【讨论】：

嗯，这是一种创建元素然后将其放在另一个元素上的简单方法，您正在使用类，您可以使用 ID 再做一次吗？现在剩下的就是创建一个函数来从一个对象生成这个。