摘要:在这个案例中,实现了一个简单的发布留言效果,利用创建节点和添加节点,在点击确定按钮之后,留言显示在下方。
每个留言有一个删除按钮,点击删除按钮后该条留言被删除。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<textarea name="" id="" cols="30" rows="10"></textarea>
<button class="button1">发布</button>
<ul></ul>
</body>
<script>
var textarea = document.querySelector('textarea');
var button1 = document.querySelector('.button1');
var ul = document.querySelector('ul');
button1.onclick = funct