如何使用Javascript或jQuery在div中呈现html代码

我试图在我的网站上动态呈现一些HTML而没有成功.我尝试过使用jQuery的.html()函数,如下所示:

我的HTML

我的JQuery

var openEnderContent = "<p><span >DDD</span>!!!!!<strong>666666666666</strong></p>"
//openEnderContent comes from my backend
$('#open_ender_output').html(openEnderContent)

结果是

DDD!!!!!666666666666

有没有办法让浏览器动态渲染结果,以便它反映文本上设置的特定样式？

通过创建临时元素来解码内容.

var openEnderContent = '<p><span >DDD</span>!!!!!<strong>666666666666</strong></p>';

$('#open_ender_output').html(
  // create an element where the html content as the string
  $('
', {
    html: openEnderContent
  // get text content from element for decoded text  
  }).text()
)