jQuery附加文本

Question

我想在div中添加一些简单数据,如:

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

在身体里,我想我需要把html放在一边.

<div id="test">    

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

</div>

但是,我想添加一些CSS #msg.例如,背景颜色.现在的问题是,由于#msgdiv始终存在,即使未附加文本,我也会看到背景颜色.我试图添加css,如"display:none,但在那种情况下,我看不到附加到它的文本.我可以这样做,以便#msgdiv #test只在文本被附加到它内部时出现吗？谢谢.

Answer 1

附加文本的正确方法(与附加HTML相对应)将是:

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

如果someText来自用户输入或其他任何内容,它将被正确地HTML转义.哪个应该阻止JavaScript注入,这是世界上第三个最常见的Web安全漏洞.

来自/sf/answers/66111951/

Answer 2

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