Question

我有一个div，我想在这个div中设置一些文本。问题是我的文字包含HTML元素，我不想要渲染所有这些元素。我的意思是一些元素必须呈现为HTML。

有没有办法创建像这样的div内容？

我想创建一个像下面这样的div元素;

<div id="bodyContent">         
</div>

使用html方法设置无效。

var myHTMLContentPart1 = "<HTML><BODY>";
var myHTMLContentPart2 = "<span>hello</span>";
var myHTMLContentPart3 = "</BODY></HTML>";

$("#bodyContent").html(?);

编辑：

Answer 1

我建议您使用regex删除html或body代码，也可以添加要删除的任何代码<\/?tagname>

＆＃13;

html = '<html><body><span>Some Text</span></body></html>';
clean = html.replace(/<\/?html>|<\/?body>/g, '');
console.log(clean);

// For your code

var myHTMLContentPart1 = "<HTML><BODY>";
var myHTMLContentPart2 = "<span>hello</span>";
var myHTMLContentPart3 = "</BODY></HTML>";

var html = myHTMLContentPart1 + myHTMLContentPart2 + myHTMLContentPart3;

clean = html.replace(/<\/?html>|<\/?body>/g, '');

$("#bodyContent").html(clean);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="bodyContent">  
</div>

＆＃13;

如何在div中部分渲染html？

1 个答案: