>
<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>
留言板简易
最新推荐文章于 2021-07-15 17:23:03 发布