JS实现简单留言板

时间：2025-04-24 07:51:25

使用方法：();

　();

                  ();

<script type="text/javascript">
        var count=0;
         = function(){
            var Msg = ("msg");
            var Btn = ("btn");
            var Msg_c = ("msg_c");
            var Ul = ("ul"); //定义一个有序的列表
            Msg_c.appendChild(Ul);                 //向Msg_c中添加UL节点
             = function(){              /* 点击留言以后，在Msg_c中添加列表，在列表中添加内容
                                                      在每一条留言后面添加一个<span>标签 使用此标签的onclick属性
                                                    */ 
                var MsgValue = ;         
                var Li = ("li");
                 = MsgValue + " <span>删除</span>";
                var arrayLi = ("li")   //判断是否是第一个留言
                if(>0){
                    (Li,arrayLi[0]);
                    count++;
                }else{
                    (Li);
                    count++;
                }
                ='';
                var Span = ("span");
                for(var i=0; i<; i++){
                    Span[i].onclick = function(){
                      ();
                      count--;
                    }
                }
            }
        }
        function totalMessage(){       //统计留言的数量
            alert("一共有"+count+"条留言");
        }
    </script>
 
 <body>
        <h1>简易留言板</h1>
        <input  type="text" size="40" value=""> <input  type="button" value="留言">
        <div ></div>
        <input type="button" value="统计" onclick="totalMessage()"/>
  </body>

ps.主要利用<span>标签的onclick来实现删除。

相关文章