Javascript 删除html函数

我有一个文本区域，当你在其中键入并按submit时，它会创建一个新的文章（Div）来记录你所写的内容。我想知道是否有一种方法可以删除任何html函数，使Div只显示文本

例如，如果我写了“Hello”，那么Div中将出现“Hello”

我想让它显示整个代码：“你好”

这是我的密码： HTML:

JavaScript:

//When user clicks submit
$("#centerDiv").prepend("<div id='microBlog'>"+ msgBody +"</div>")  

//当用户单击提交时
$（“#centerDiv”）。前缀（“+msgBody+”）

msgBody

在您的代码中设置为生成元素的

innerHTML

，您可以使用

text

方法将其设置为元素的

textContent

：

$('<div/>', {
  'class': 'microBlog',
  'text': msgBody
}).prependTo('#centerDiv');

$（“”{
“类”：“微博”，
“文本”：msgBody
}).prependTo（“#centerDiv”）；

---

请注意，ID必须是唯一的，您应该改用类。

这里还有一个替代方案：

function copyText(){
    var msgBody = $('#textBox').val();
    $("#centerDiv").prepend($('div').attr('id', 'microBlog').text(msgBody));
  }

---

我所要做的就是将html封装在xmp标记中。例如：

$("#centerDiv").prepend("<div id='microBlog'><xmp>"+ msgBody +"</xmp></div>") 

$（“#centerDiv”）。前缀（“+msgBody+”）

使用

pre

或编码到实体中。嘿，这在某种程度上是有效的。但是它仍然没有显示html标记。。Hello仍将以粗体显示。是的，这种方式可以将html转换为纯文本。但是您使用了“appendTo”，这是错误的，应该是“prepend”。如果你不确定两者之间的区别，你可能可以在谷歌上快速搜索一下，这会对你有所帮助：）@learnerbeard将其改为

prependTo

prepend

在这种情况下不起作用。是的，我找到了答案，而且比你的方法简单得多

$("#centerDiv").prepend("<div id='microBlog'><xmp>"+ msgBody +"</xmp></div>")