【问题标题】:issue for using javascript dynamic generate html code [closed]使用javascript动态生成html代码的问题[关闭]
【发布时间】:2023-03-03 14:40:01
【问题描述】:

我有如下的javascript代码,用来动态生成html代码。

"<td width=\"6%\">" +
"<a id=\"Pat_Meass_" +
i +
"\" onclick=\"populatePatMeass(" +
item.PAT_ID +
"," +
"tr_Pat_Id_" + i +
")\" onmouseover=\"\" style=\"cursor: pointer;\"" +
"title=\"SubFormIsNotEmpty\"" +
">" +
"PatMeas" +
"</a>" +
"</td>";

它会生成如下所示的 html。

<td class="tableBody" width="6%">
<a id="Pat_Meass_0" title="SubFormIsNotEmpty" style="cursor: pointer; color: blue;" onmouseover="" onclick="populatePatMeass(37008,tr_Pat_Id_0)">PatMeas</a>
</td>

实际上,onclikc 部分,我希望它生成如下:

onclick="populatePatMeass(37008,"tr_Pat_Id_0")"

那么,如何修改代码。请帮帮我。非常感谢。

【问题讨论】:

  • 您应该考虑使用模板来生成 HTML,因为 JS 代码很难阅读。
  • "'tr_Pat_Id_" + i +"'" +
  • @Satpal 你的答案是正确的!谢谢!顺便说一句,如何快速处理此代码,我讨厌这种代码转换。有什么在线工具可以让生活变得轻松吗?谢谢!!!
  • 要么使用模板,要么您可以使用更易于维护的 jQuery 创建和绑定事件。

标签: javascript jquery html asp.net web


【解决方案1】:
var s = "<td width='6%'>" +
"<a id='Pat_Meass_" +
i +
"' onclick=\"populatePatMeass('" +
item.PAT_ID +
"'," +
"'tr_Pat_Id_" + i +
"')\" style='cursor: pointer;'" +
"title='SubFormIsNotEmpty'" +
">" +
"PatMeas" +
"</a>" +
"</td>";

【讨论】:

    最近更新 更多