Question

我目前正在一个没有转换器的复杂项目中工作，所以不幸的是我无法使用任何es6语法。在JS文件中构建HTML字符串的最佳实践（性能，可读性，可维护性等）是什么？

目前我这样做：

＆＃13;

var someHTML = [
  '<div id="item-1">foo</div>',
  '<div id="item-2">bar</div>'
].join('\n');

＆＃13;

[编辑] 我意识到已经提出了类似的问题，但为了澄清，我专门针对HTML（能够像常规HTML一样编写和阅读的内容很重要）而且我宁愿不依赖于jQuery。当我说最佳实践时，我意识到有不止一个＆＃34;对＆＃34;回答，而不是我想探索模式之间的意见和权衡。

Answer 1

您可以使用：

var fooDiv = document.createElement("div");
var barDiv = document.createElement("div");

fooDiv.id = "item-1";
barDiv.id = "item-2";

fooDiv.innerHTML = "foo";
barDiv.innerHTML = "bar";

document.body.appendChild(fooDiv);
document.body.appendChild(barDiv);

我觉得它适合你

在没有模板文字的JS中构建HTML字符串的最佳实践是什么

1 个答案: