发布到DOM时不显示表单值

问题描述

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

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

</>

解决方法

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

基本上总是从底部到顶部创建元素，例如，如果您需要这种结构：

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

您首先要创建span元素并向其添加文本，然后将该段落添加到span并最终将div和后一个段落添加到div。

如果有的话，可以将div附加到主体（或者在情况下为div加上容器类）

问题是您尚未将任何内容添加到div-body中，而是将其附加到了容器div中，而在将div-body附加到容器之后，JS不会更新对div-body所做的更改。 只需将元素附加到任何容器上，直到您对它进行了所有操作即可。