在JavaScript中將字符串轉換為HTML

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);
}

是否有其他解決方案，既不像這里給出的解決方案，也不像這樣 ？

注意：我無法在@ 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>";