原生js可以把一大段元素保存成字符串然后插入页面吗

Question

var navStr = '<div class="row">' +

            '<ul class="nav nav-pills">' +

                '<li class="html_css"><a href="index.html">html_css</a></li>' +

                '<li class="js"><a href="index-js.html">js</a></li>' +

                '<li class="nodejs"><a href="index-nodejs.html">nodejs</a></li>' +

                '<li class="linux"><a href="index-linux.html">linux</a></li>' +

                '<li class="network_hardware"><a href="index-network_hardware.html">network_hardware</a></li>' +

                '<li><input type="text" class="input-search" placeholder="搜索..."></li>' +

            '</ul>' +

        '</div>' +

        '<h1 class="main-title">常用知識點速查</h1>'

        

由于不会后台语言，自己写的“好123首页”和笔记页面都是静态页面，自己一个一个记录（平时保存在googlekeep然后有时间批量写入页面），公司后台弄得什么include可以重复引用，我不会只能把相同部分的导航栏写在js或者storage里面，之前是用jquery写的，现在想把所有页面换成原生js，然后就遇到这个问题，jq里面写这个字符串插入页面没问题，但是js报错，那么这么一大段在js里面怎么写呢？不会一个一个慢慢createElement吧。。。求大家指点下。

Answer 1

xxDOM.innerHTML = navStr ?