jQuery append 文本

Question

我想在 div 中 append 一些简单的数据，例如:

$('#msg').append('Some text');

在正文中，我想我需要放置类似 html 的内容。

<div id="test">    

<div id="msg"></div>  //show text inside it.

</div>

但是，我想在 #msg 中添加一些 CSS。例如，背景颜色。现在的问题是，由于 #msg div 一直存在，即使没有 append 文本，我也会看到背景颜色。我试图添加像“display:none”这样的 css，但在那种情况下我看不到 append 到它的文本。 我可以这样做，以便 #msg div 仅在 append 文本时出现在 #test 中吗？谢谢。

Answer 1

append 文本(对比 append HTML)的正确方法是:

var someText = "Hello, World!";
$('#msg').append(document.createTextNode(someText));

如果 someText 来自用户输入或其他任何内容，它将被正确地进行 HTML 转义。哪个应该防止 JavaScript injection, the 3rd most common web security vulnerability in the world 。

来自 https://stackoverflow.com/a/944456/122441