Javascript 表单值不';发布到DOM时不会显示

Javascript 表单值不';发布到DOM时不会显示,javascript,forms,submit,Javascript,Forms,Submit,我有一个创建模拟博客帖子的表单。当我提交数据时,它会运行addPost函数,但数据不会显示。这些值被发送,但它们不会显示在DOM上 这是我的钢笔: 您需要先将span和文本附加到cardBody,然后再将其附加到主体div(或在您的案例中带有“container”类的div)中,以便显示它 基本上总是从下到上创建元素,例如,如果需要此结构: <div> <p> <span>Some text</span> </p> &l

我有一个创建模拟博客帖子的表单。当我提交数据时,它会运行addPost函数,但数据不会显示。这些值被发送,但它们不会显示在DOM上

这是我的钢笔:


您需要先将span和文本附加到cardBody,然后再将其附加到主体div(或在您的案例中带有“container”类的div)中,以便显示它

基本上总是从下到上创建元素,例如,如果需要此结构:

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



一些文本

首先创建span元素并将文本添加到其中,然后是段落并将span追加到其中,最后将div和后一段添加到div中

如果有,您可以将div附加到主体中(或者在您的示例中是带有容器类的div)

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

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