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

问题描述

问 题

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吧。。。求大家指点下。

解决方案

xxDOM.innerHTML = navStr ?

这篇关于javascript - 原生js可以把一大段元素保存成字符串然后插入页面吗的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！