js或jq如何优雅的拼接dom？

Question

平时工作中时常需要根据数据或者配置来拼接一段html代码，当需要拼接的代码非常长时，编写和查看就非常困难，问问各位平时工作或学习中有没有什么既能兼顾性能又能方便编写和查看的dom拼接方式？？？

Answer 1

如果允许使用ES6的话，可以直接使用字符串模板

var str =
`<div>
    <div></div></div>`

如果不能使用ES6，要进行字符串换行的话（字符串不允许换行，会报错），可以在每一行最后加上反斜杠

var str =
"\<div>\    <div></div>\</div>\
"