案例：简易版发布留言

案例：简易版发布留言

案例分析：

1.核心思路；点击按钮之后，就动态创建一个 li ，添加到 ul 里面
2.创建 li 的同时，把文本域里面的值通过 li.innerHTML 赋值给 li
3.如果想要新的留言后面显示就用 appendChild ，如果想要前面显示就用 insertBefore

style：

body：

结果：（图中的1、2、3为依次输入的留言）

在留言板上添加删除留言的功能：

注意：
在代码ul.removeChild(this.parentNode)中，因为在点击删除时，需要删除留言，即点击a链接的时候需要删除li节点元素，删除li节点元素需要使用ul节点元素来引用删除，大概意思就是孙子利用爷爷把爸爸删除了。