建议留言吧

Wang_Shi_J

于 2018-01-05 18:30:14 发布

阅读量228

点赞数

本文链接：https://blog.csdn.net/Wang_Shi_J/article/details/78984140

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
background: url(../../23/90.jpg);
background-size:cover ;
background-repeat:no-repeat ;
text-align: center;
}
.one{
font-size: 30px;
color: red;
margin-left: 20px;
}
li{
font-size: 30px;

}
#msg{
height: 30px;
width: 300px;
font-size: 30px;
}
#btn{
width: 50px;
height: 35px;
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<h1>简易留言吧</h1>
<input type="text" id="ipt"/>
<button οnclick="fn()">留言</button>
<ul id="ul1">

</ul>
<script>
var ul1=document.getElementById("ul1");
var ipt=document.getElementById("ipt");
function fn(){
var li=document.createElement("li");
var x=ipt.value;
li.innerHTML=x;
ul1.appendChild(li);
li.innerHTML=x+"<a>"+"---删除---"+"</a>";
var sp=document.querySelector("a");
sp.addEventListener("click",fun,false);
function fun(){
ul1.removeChild(li);
}
}

</script>


</body>

</html>