<!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>留言板委托事件
猜你喜欢
转载自blog.csdn.net/a2QWSDN/article/details/89682017
今日推荐
周排行