在javascript bookmarklet中编写HTML布局/模板

我有一个bookmarklet，它创建了一个供用户交互的UI。目前，我一直在使用

$（''）.addClass（）.css（{..}），但这变得很难维护。有更好的方法吗

我也尝试过做类似的事情

var html = "<div class='someclass'>";
html += "<more html/>";
html += "</div>"

var html=”“；
html+=“”；
html+=“”

这也很难维持。有没有一种方法可以在javascript中编写html，或者像jade这样的库可以在javascript bookmarklet中使用？
是的，javascript中有一种特定于领域的语言实现，允许您在javascript中编写更具表现力的html，称为

请记住，用简练的文字大量书写可能不是一个好主意，您更希望使用适当的客户端模板引擎，例如或其他模板引擎。
模板引擎似乎与我想要的正好相反，真的。它们似乎是var$.template（“%somestuff”，myvar），而%somestuff被替换为myvar。我只想写标记。你想要的是我写的简洁。