在w/o模板文字中构建HTML字符串的最佳实践是什么?

Question

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

目前我正在这样做：

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

[编辑]我意识到已经提出了类似的问题，但是要澄清，我专门用于HTML（像常规HTML一样撰写和阅读很重要），我宁愿不依靠jQuery。当我说最佳实践时，我意识到有一个以上的"正确"答案，而是想探索模式之间的观点和权衡。

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);

我认为它对您有用