模板字符串的基本用法

最新推荐文章于 2024-03-12 11:46:49 发布

weixin_34138056

最新推荐文章于 2024-03-12 11:46:49 发布

阅读量177

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/kitty0107/blog/1606569

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>
   用户名:<input type="text" name="" id="txt1">
   留言:<input type="text" name="" id="txt2">
   <input type="button" name="" id="btn1"value="点击提交留言">
   <ul id="ul1">
       <!--<li>
       <p>留言的内容</p>
       <a href="###">用户名<span>X</span></a>

       </li>-->
   </ul>

</body>
   <script type="text/javascript">
   window.οnlοad=function(){
       var txt1=document.getElementById("txt1");
       var txt2=document.getElementById("txt2");
       var btn1=document.getElementById('btn1');
       var ul1=document.getElementById("ul1");
       btn1.οnclick=function(){
           var liobj=document.createElement("li");
           /*liobj.innerHTML='<p>'+txt2.value+'</p>'+'<a href="###">'+txt1.value+'<span>X</span></a>';
           ul1.appendChild(liobj);*/
           liobj.innerHTML=`
               <p>${txt2.value}</p>
               <a href="###">${txt1.value}<span>X</span></a>`;
               ul1.appendChild(liobj);
       }
   }