发布到 DOM 时不显示表单值

Question

我有一个表单来创建一个模拟博客文章。当我提交数据时，它运行一个函数 addPost，但数据不显示。发送的值不会显示在 DOM 上。

这是我的笔：https://codepen.io/unco0k3d/pen/rNedoRW

</>

Answer 1

您需要先将跨度和文本附加到 cardBody，然后再将其附加到主体 div（或在您的情况下为 'container' 类的 div）才能显示出来。

基本上总是从底部到顶部创建元素，例如如果你想要这样的结构：

<div>
  <p>
    <span>Some text</span>
  </p>
</div>

您将首先创建 span 元素并将文本添加到其中，然后是段落并将 span 添加到它，最终将 div 和后一段添加到 div。

当你拥有它时，你可以将 div 附加到正文（或者在你的情况下是带有容器类的 div）

问题是您还没有向 div-body 添加任何内容，而是将其附加到容器 div 中，并且在您将 div-body 附加到容器之后，JS 不会更新对 div-body 所做的更改。 在您完成所有您想要的操作之前，不要将元素附加到任何容器。