js拼接html元素字符串符合html美观方法、

在开发的时候我们经常碰到交互之后，后台返回的数据是需要我们动态拼接好字符串，追加展示到页面上的，例如：

 document.body.innerHTML = "<div><span><span><input /></div>"

可是当数据结构过长时，真心是很恶心人，一个大长串，后台返回的数据结构变了又要重新拼接，所以我们希望在拼接的时候也可以像在html页面写元素时一样的书写格式，例如 ：

 document.body.innerHTML = "
            <div>
            <span><span>
            <input />

            </div>"

但是很可惜，这种方法并不能够识别，js会直接报错 。先介绍一种比较low的方式，也是笔者一直用的方式.....

 document.body.innerHTML = 
            "<div>" +
            "<span><span>" +
            "<input />" +

            "</div>";

用过拼接字符串的方式来实现的，我知道确实很low，所以介绍一种不low的办法。

 document.body.innerHTML = "\
            <div>\
            <span><span>\
            <input />\

            </div>";

原理是通过转义字符的方式来实现的，看起来是不是更直观一些了呢 。