Javascript 如何使用JQuery将html标记作为字符串内容的一部分输出到div

Javascript 如何使用JQuery将html标记作为字符串内容的一部分输出到div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个变量“htmlElement”,它的格式类似于测试消息 我要做的是将HtmleElement的内容作为字符串输出到具有类面板主体的div 我所做的是$(.panel body”).append(htmlElement) 但在div.panel-body中,用户只能看到测试消息,其他部分被视为html标记 问题是,如何让div.panel-body显示“测试消息”“ 谢谢。我不知道您已经在变量中存储了什么,但是如果您在字符串变量中存储了测试消息,您可以执行以下操作: $(".panel-b

我有一个变量“htmlElement”,它的格式类似于测试消息

我要做的是将HtmleElement的内容作为字符串输出到具有类面板主体的div

我所做的是
$(.panel body”).append(htmlElement)

但在div.panel-body中,用户只能看到
测试消息
,其他部分被视为html标记

问题是,如何让div.panel-body显示

测试消息”


谢谢。

我不知道您已经在变量中存储了什么,但是如果您在字符串变量中存储了测试消息,您可以执行以下操作:

$(".panel-body").text(variable);
(正如穆萨所说,这将取代内容。)

要添加,请执行以下操作:

$(".panel-body").append("<p class=Day>Test Message</p>");
$(“.panel body”)。追加(“

测试消息”

”;

$(“.panel body”).prepend(“

测试消息”

”;
怎么样

$(".panel-body").append(document.createTextNode(htmlElement));

您正在尝试这样做吗<代码>$(“.panel body”).text(htmlElement)
@kukac67如果
.panel body
为空,则它将工作,因为它将替换内容而不是附加内容。是,只有当.panel body为空时,它才工作。我希望将内容附加到它,而不是替换它。
$(".panel-body").append(document.createTextNode(htmlElement));