在Javascript对象属性中添加HTML的干净方法

下面是一些我用来在我的站点上创建小部件的Javascript：

var boxText = document.createElement("div");
boxText.class = "infobox-custom";
boxText.style.cssText = "margin-top: -215px; margin-left: -500px; border-radius: 10px; background-color:#438BC0; padding: 5px; height: 400px; width: 600px;";

// Notice this:
boxText.innerHTML = '<p>Some text.</p>';

var-boxText=document.createElement（“div”）；
boxText.class=“信息框自定义”；
boxText.style.cssText=“页边距顶部：-215px；页边距左侧：-500px；边框半径：10px；背景色：438BC0；填充：5px；高度：400px；宽度：600px；”；
//请注意：
boxText.innerHTML='一些文本。
'；

很简单。我需要将

.innerHTML

设置为更复杂的内容，而仅仅将其放在Javascript中的一行中是不合适的。它闻起来——至少对我来说是这样

我的选择是什么

我可以拥有一个PartialView并将其从控制器返回到jQuery POST请求吗

---

您有什么建议？

老实说，根据您目前的情况，呈现HTML并将其分散到一行似乎是最简单的选择

如果您想更认真地考虑通过JavaScript实现UI动态，那么应该考虑使用JavaScript来呈现模板，只需从后端（ASP）提供数据（JSON）

一些模板选项：

• （~已弃用）

---

为了在jQuery中创建和使用模板，您必须使用插件。这里有一个曾经由jQuery团队开发，但现在似乎不再是了

注意：jQuery团队决定不让这个插件通过测试版。 它不再被积极开发或维护。医生 暂时留在这里（供参考），直到合适的时间 替换模板插件已准备就绪

---

这个HTML来自哪里？（你想放在boxText中）@bradley.ayers：我想定义一个模板（局部视图），传入一个模型（填充值等），然后以HTML的形式返回该模板。你是说

boxText.className

而不是

boxText.class

？（既然您似乎正在使用jQuery，为什么不在样式表中设置这些样式，因为您正在分配一个类呢？）