发布留言案例实现
- 一、案例分析
- 二、实现过程
- 三、完整代码
一、案例分析
- 核心思路:点击按钮之后,就动态创建 li,添加到 ul 里面;
- 创建 li 的同时,把文本域里面的值通过 li.innerHTML 赋值给 li;
- 显示新的留言( 后面显示:appendChild || 前面显示:insertBefore)
二、实现过程
1. 基本骨架
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>* {