Js 创建留言板添加及其删除留言（添加节点的应用）

有点苏

已于 2022-08-21 11:10:41 修改

阅读量614

点赞数

文章标签： javascript 前端 html

于 2022-08-14 10:23:26 首次发布

本文链接：https://blog.youkuaiyun.com/WanHuaEr/article/details/126322192

版权

本文介绍了如何使用JavaScript创建一个留言板，包括添加和删除留言。在添加留言时，如果输入为空则弹出警示框，否则会动态创建li节点，并将文本内容插入到ul中。删除留言则是针对已存在的li进行操作，可以通过appendChild或insertBefore方法来控制留言的显示位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标

简单的实现留言板功能：
如果输入为空则不能写入弹出警示框
删除存在的li

分析

核心思路：点击按钮之后，就动态的创建一个li ，添加到ul里面
创建li后要将文本域里面的值通过li.innerHTML赋值li
留言显示的前后后面显示用appendChild 前面显示用insertBefore

代码详情

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"

最低0.47元/天解锁文章

Js 创建留言板 添加及其删除留言（添加节点的应用）

目标

分析

代码详情

Js 创建留言板添加及其删除留言（添加节点的应用）