今天在处理数据的显示上遇到一个问题:
var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span>' + text + '</div></li>'; ulComments.append(html);
text是获取的内容,但是这个内容会出现类似“<script>,<a>好</a>,<div><p>aaaa</p></div>”这种带html标签的情况,所以在append的时候,text的内容就会被破坏,甚至报错(html标签没有闭合)。
尝试了<pre>,但是好像没有效果。最后用<xmp>达到了预期目的。
var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span><xmp stype="display: inline">' + text + '</xmp></div></li>'; ulComments.append(html);