Javascript 删除并添加新的HTML标记

在PHP或Javascript中是否有删除html标记并添加新标记的方法

例如：
我有一张联系表。如果用户输入正确的值并单击“发送”，则应删除联系人表单的所有HTML标记，以便联系人表单消失。 例如，在这之后，应该插入一个div标记，其中包含文本“您的邮件已成功发送。我将很快回复您。非常感谢”

所以，这个代码：

......

<form action="php/test.php" method="post" novalidate="">
 <div class="row">
   <div class="column width-5 offset">
        <input type="text" name="lname" class="form-lname form-element large" placeholder="Name" tabindex="1">
     </div>
  <div class="column width-5 offset">
   <input type="email" name="email" class="form-email form-element large" placeholder="E-Mail-*" tabindex="2" required="">
     </div>
</div>
  </form>
......

。。。。。。
......

单击“发送”后将更改为此代码

您的邮件已成功发送。我会很快给你回复的。非常感谢

---

是否可以用php或javascript替换html标记？或者有更好的方法吗？

这里有几个选项( 我建议第二种选择）

如果您想保持在同一页面上并用javascript隐藏它：

<p>If you click on the "Hide" button, I will disappear.</p>

 $(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});

如果您单击“隐藏”按钮，我将消失

$（文档）.ready（函数（）{
$（“#隐藏”）。单击（函数（）{
$（“p”）.hide（）；
});
$（“#显示”）。单击（函数（）{
$（“p”）.show（）；
});
});

第二种选择是PHP。 您应该创建一个包含以下消息的新页面：

您的邮件已成功发送。我会很快给你回复的。非常感谢

您只需要更改

标题（'Location:success.php'）插入查询后

希望这有帮助。：）
 首先要指出的是，您正在进行表单提交，这将导致页面转移到新页面
test.php
。除非您正在执行一些javascript逻辑来防止这种情况。更好的选择是隐藏和显示div。隐藏提交按钮上的表单，并显示邮件成功内容的成功div。请提供完整代码。我看不到负责提交表单的按钮，也看不到负责提交表单的Javascript。我们只看到HTM这里有这么多的例子，它们有帮助吗？我搜索了“javascript删除元素”，有成千上万的答案和你可以使用的代码。这回答了你的问题吗？谢谢你的回答。如上所述（最后一条评论）。我确实问得有点不好。如果用户关闭了javascript，我实际上希望避免使用javascript。好吧，那么我想我必须采取第二种选择。非常感谢。