<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模板字符串</title>
</head>
<body>
<div class="box">
</div>
<script>
//模板字符串:使用反引号``,插入变量时使用${变量名}
const box=document.querySelector('.box');
let id=1,name='张三';
let boxContent=`<ul>
<li>
<p id=${id}>${name}</p>
</li>
</ul>`;
box.innerHTML=boxContent;
</script>
</body>
</html>
网友评论