时间戳

首页 > 解决方案 > 发布到 DOM 时不显示表单值

javascript - 发布到 DOM 时不显示表单值

问题描述

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

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

</>

标签： javascriptformssubmit

解决方案

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

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

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

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

当您拥有它时，您可以将 div 附加到主体（或者在您的情况下 div 带有容器类）

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

推荐阅读