一、案例分析
- 核心思路:点击按钮之后,就动态创建 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>
*