码迷,mamicode.com
首页 > 其他好文 > 详细

模板字符串的使用

时间:2019-09-19 21:41:26      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:字符串   生成   out   element   contact   div   联系我们   nta   doc   

var items = [{
            key:‘index‘,
            text:‘首页‘
        },{
            key:‘serve‘,
            text:‘售后服务‘
        },{
            key:‘introduce‘,
            text:‘企业介绍‘
        },{
            key:‘about‘,
            text:‘关于我们‘
        },{
            key:‘classic‘,
            text:‘经典系列‘
        },{
            key:‘contact‘,
            text:‘联系我们‘
        },{
            key:‘discover‘,
            text:‘发现更多‘
        },{
            key:‘help‘,
            text:‘帮助‘
        }]

        let arr = [];

        items.forEach(function(item){
            arr.push(`<li class="nav-li">${item.text}</li>`);
        });

        let nav = document.createElement(‘nav‘);
        nav.innerHTML = arr.join(‘‘);

        let header = document.getElementById(‘ljx-header‘);
        header.appendChild(nav);

模板字符串的使用:使用` `将要添加的html元素包裹起来。

使用${ }包裹变量,最后被生成的字符串中${ }所占的位置会被替换为 变量的值,所以${ }还起占位符的作用。

模板字符串的使用

标签:字符串   生成   out   element   contact   div   联系我们   nta   doc   

原文地址:https://www.cnblogs.com/JianXin1994/p/11552526.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!