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

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

最后

以上就是诚心黄豆为你收集整理的js拼接html元素字符串符合html美观方法、的全部内容，希望文章能够帮你解决js拼接html元素字符串符合html美观方法、所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。