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

最新推荐文章于 2022-08-14 10:23:26 发布

原创

最新推荐文章于 2022-08-14 10:23:26 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #html

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

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

效果图展示
在这里插入图片描述
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