如何在C＃中動態創建html字符串

Question

在我的C＃代碼中，我正在生成動態HTML，並希望傳遞一個參數。 所以我嘗試了這個：

var CityName = "Barcelona";
var Id = 3;
myHtml = "<a onclick='increaseLikes(" + Id + ",'" + CityName + "')'>";

但它的渲染方式如下：

<a onclick="increaseLikes(4," href="#" Barcelona')'="">

如何更改代碼以生成有效的HTML和JS？

Answer 1

您需要在創建html時使用雙引號。

喜歡..

     string  myHtml = "<a onclick='increaseLikes(" + Id + ",\"" + CityName + "\")'>";

所以你的輸出將是

<a onclick='increaseLikes(3,"Barcelona")'>

Answer 2

假設您期望擁有<a onclick='increaseLikes(3,"Barcelona")'>

你可以換線

myHtml = "<a onclick='increaseLikes(" + Id + ",'" + CityName + "')'>";

至

myHtml = string.Format(@"<a onclick='increaseLikes({0}, ""{1}"")'>", Id, CityName);

Answer 3

您應該正確關閉錨標記。

string myHtml = "<a href=\"#\" onclick=\"increaseLikes(" + Id + ",\'" + CityName + "');\">...</a>";