javascript实现留言板功能

本文实例为大家分享了javascript实现留言板功能的具体代码，供大家参考，具体内容如下

 
 
 
 *{ 
    margin: 0;
    padding: 0;
 }
 .box{ 
 width: 600px;
 border: 1px solid #aaa;
 padding: 20px 10px;
 margin: 100px auto;
 }
 #plTxt{ 
 width: 450;
 resize: none;
 }
 .box ul{ 
 list-style: none;
 }
 .box ul li{ 
 width: 450px;
 line-height: 30px;
 border-bottom: 1px dotted #aaa;
 margin-left: 50px;
 }
 .box ul li a{ 
 color: orange;
 float: right; 
 text-decoration: none;
 
 }
 .box ul li .time{ 
 color: #4f0;
 float: right;
 }
 
 


 
 发表评论:
 
 
 
 

新增加的文字放在后面，将代码中的

ul.appendChild(li); //（li添加为ul的子标签，每次都放在末尾）换成:
ul.insertBefore(li,ul.children[0]); //——这行代码为插入，将当前的li标签，插在ul的第一个子标签之前，即新的li标签每次都插入在最前面。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。