模板字符串的使用
Posted jianxin1994
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了模板字符串的使用相关的知识,希望对你有一定的参考价值。
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元素包裹起来。
使用${ }包裹变量,最后被生成的字符串中${ }所占的位置会被替换为 变量的值,所以${ }还起占位符的作用。
以上是关于模板字符串的使用的主要内容,如果未能解决你的问题,请参考以下文章