ES6学习笔记二:模板字符串

83 阅读1分钟

模板字符串,解决字符串拼接的烦恼 用 `` 包裹 参数用 ${} 引入

	<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>