删除html函数

Question

我有一个文本区域，当你输入它并按下提交时，会创建一个你所写内容的新帖子（Div）。我想知道是否有办法删除任何html函数，以便Div只显示文本。

例如，如果我写了“＆lt; b＆gt; Hello＆lt; b /＆gt;”然后“你好”将出现在Div。

中

我希望它显示整个代码：“＆lt; b＆gt; Hello＆lt; b /＆gt;”

这是我的代码： HTML：

<textarea rows="8" cols="30" id="textBox" placeholder="What are you doing?" maxlength="180"></textarea>

JavaScript的：

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

Answer 1

代码中的

msgBody设置为生成元素的innerHTML，您可以使用textContent方法将其设置为元素的text：

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

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

Answer 2

这也是另一种选择：

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

Answer 3

我所要做的只是将html包含在xmp标签中。例如：

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