在JavaScript

Question

我的C＃代码中有一个字符串被发送到我的JavaScript函数，该代码的文本如下：

 Hi <b>Welcome to C#<sup>5.0</sup></b>

我用这个字符串填充div。我需要在屏幕上呈现这个html内容，并使用粗体和上标，如下所示

  

您好欢迎来到C＃ ^5.0

我尝试了以下它只是将HTML标记显示为纯文本

myfunction = function(data) {
  var mytext = '<div>'+ data +'</div>;
  $('#mydivid').after(mytext);
}

是否有任何其他解决方案既不像给定here也不是like this？

注意：我不能在@ HTML.Raw中的.cshtml文件中的隐藏变量中声明该字符串，并再次在我的JavaScript中使用它。

我已尝试使用$.parseHTML，但我收到错误消息

$.parseHTML is not a function

欢迎除上述解决方案之外的任何解决方案。提前谢谢。

Answer 1

您的代码似乎没有任何问题。检查某些css是否覆盖了基本的em和sup功能。

例如，em的默认样式为font-style: italic，您的css可以覆盖

Answer 2

试试这个

myfunction = function(data) {
  $('#mydivid').html('<div>' + data + '</div>');
}

Answer 3

您在标签中列出了JQuery，因此我认为这会有所帮助。

html = $.parseHTML(  'Hi <b>Welcome to C#<sup>5.0</sup></b>' );

查看此JSFiddle

如果你想要一个javascript oneliner，你也可以这样做。

document.getElementById("mydivid").innerHTML="Hi <b>Welcome to C#<sup>5.0</sup></b>";