JS（javascript）节点操作案例：利用节点操作的创建、删除、添加；制作简易的留言板

Cone0212

于 2020-04-22 18:34:14 发布

阅读量1.1k

点赞数

文章标签： javascript css html

本文链接：https://blog.youkuaiyun.com/Cone0212/article/details/105689580

版权

本文通过JavaScript实现动态创建节点功能，用户可在指定位置输入内容，点击按钮自动生成节点显示输入信息。同时，该示例还允许用户选择性地删除已创建的节点，提供了一个简单的留言板功能。内容包括CSS样式和JavaScript代码实现。

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

在指定位置输入内容，点击按钮自动创建一个节点生成自己所输入的内容，并且可以选择性删除

效果图展示
在这里插入图片描述
css部分

  <style>
        textarea {
   
            width: 250px;
            height: 150px;
            border: 1px solid indianred;
            border-radius: 3px;
        }

        ul li {
   
            width: 250px;
            height: 50px;
            padding-left: 5px;
            font-family: "楷体";
            list-style: none;
            color: white;
            margin-bottom: 5px;
            border-radius: 5px;
            background-color: cadetblue

最低0.47元/天解锁文章