元素注入后刷新DOM

Question

我似乎找不到答案。基本上，我使用了for-each循环来创建几个DOM元素，然后使用数组更新文本。

但是，虽然我可以在控制台中看到结果，但是在我的网页上却看不到它们。我相信这是因为自创建元素以来DOM尚未更新。

如何在不刷新页面的情况下强制DOM更新？

articles().then(post => {
post.forEach(element => {
const h1 = document.createElement("h1");
const p1 = document.createElement("p");
h1.textContent = element.title;
p1.textContent = element.description;
console.log(h1, p1);
  });
});

Answer 1

正如一些评论所指出的，必须使用appendChild方法将h1和p1附加到div。