模板字符串,解决字符串拼接的烦恼 用 `` 包裹 参数用 ${} 引入
<div class="box">
<!-- <ul>
<li>
<p id="1">张三</p>
</li>
</ul> -->
</div>
<script>
const oBox = document.querySelector('.box');
let id = 1,
name = "张三";
oBox.innerHTML = `<ul>
<li>
<p id="${id}">${name}</p>
</li>
</ul>`;
</script>