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

Question

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

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

这是我的应用程序的图片：

谢谢:)

标签： javascripthtmlcssnode.jselectron

Answer 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>