美文网首页
es6--模板字符串

es6--模板字符串

作者: lvyweb | 来源:发表于2021-06-08 06:58 被阅读0次

    模板字符串:使用tab键上面的反引号,插入变量时使用${变量名}

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>模板字符串</title>
    </head>
    <body>
        <div class="box">
          
        </div>
    
        <script>
            const oBox = document.querySelector('.box');
            let id = 1,name='小玉米';
            oBox.innerHTML = `  <ul>
                <li>
                    <p id="${id}">${name}</p>
                </li>
            </ul>`
    
        </script>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:es6--模板字符串

          本文链接:https://www.haomeiwen.com/subject/hniheltx.html