留言板简易

>
    <meta charset="UTF-8" />
    <title>liuyan</title>
</head>
<style type="text/css">
    *{margin:0;padding:0;list-style: none;}
</style>
<body>
    <ul class="items"></ul>
    <textarea name="" id="liu" cols="30" rows="10"placeholder="请开始你的表演吧......"></textarea>
    <button onclick="create()">留言</button>
   
</body>
<script type="text/javascript">
var item=document.getElementsByClassName("items")[0];

  //留言

       function  create(){
        var val =liu.value;
       var li=document.createElement("li");
        li.innerHTML= val;
        item.appendChild(li);
        liu.value= "";

//生成删除按钮
        var btn = document.createElement("button")
        btn.innerHTML="删除"
        li.appendChild(btn)
        btn.onclick=function(){
           item.removeChild(li)
        }
//获取时间
        var datetime = new Date();
        var time = document.createTextNode("发布时间:" + datetime);
        li.appendChild(time)
 }
 


</script>
</html>
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值