留言板委托事件

最新推荐文章于 2022-06-27 15:21:21 发布

吴恒利

最新推荐文章于 2022-06-27 15:21:21 发布

阅读量488

点赞数

本文链接：https://blog.csdn.net/a2QWSDN/article/details/89682017

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<style type="text/css">
	*{
		list-style: none;
	}
</style>
<body>
	<ul id="items"></ul>
	<textarea name="" id="text" cols="30" rows="10"></textarea>
	<button id="btn">点击留言</button>
</body>
    <script type="text/javascript">
    btn.onclick=function(){
    var val=text.value;
    var li=document.createElement("li");
    li.innerHTML=val;
    items.appendChild(li);
    text.value="";
    var del=document.createElement("button");
    del.innerText="删除";
    items.appendChild(del)
    del.onclick=function(){
      items.removeChild(li);
      items.removeChild(del);
    }
   li.onclick=function(e){
     var e=e||event;
     var target=e.target||e.srcElement;
      var a=prompt("请输入修改内容");
      target.innerHTML="";
      target.innerHTML=a;
   } 
}
    </script>
</html>