请问下 如何做成“如果留言区有评论，则将新的评论添加在留言区的最前面” 例如图3

<---------------------分割--------------------->

<---------------------分割--------------------->

<---------------------分割--------------------->

修改后

你可以试试，是不是你想要的那种，新的评论放在上面

<h4>你的评论</h4>
    <textarea id="txt" style="width: 208px; height: 108px;"></textarea><br />
    <input type="button" id="btn" value="评论" onclick="add()" />
    <h4>你的留言</h4>
    <div id="message" style="width: 206px; height: 203px; background-color: skyblue;"></div>
    <script type="text/javascript">
        /*function add(){
            var div=document.getElementById("message");
            var newDiv=document.createElement("")
        }*/
        function add(){
            var div=document.getElementById("message");
            var txt=document.getElementById("txt").value;
            var p=document.createElement("p");
            p.innerHTML=txt;
            //prepend()在被选元素的开头插入内容
            div.prepend(p);
        }
    </script>

你可以 给每个额外设置一个属性比如id，添加第一条id=1,第二条id=2然后排序从大到小显示或者直接反转reverse()

是不是我没理解，这不是送分题吗

function add(){
            var div=document.getElementById("message");
            var txt=document.getElementById("txt").value;

                        div.innerHTML = txt+"<br/>"+div.innerHTML
  }