无刷新评论

天马行空zqzq

于 2020-03-11 20:21:36 发布

阅读量100

点赞数

本文链接：https://blog.csdn.net/qq_42039912/article/details/104804694

版权

<body>
<table id="tb" border="1">
    <tbody id="tbd">
    <tr>
        <td>猪猪:</td>
        <td>我喜欢吃肉</td>
    </tr>
    </tbody>
</table>
<div>
    昵称:<input type="text" value="" id="userName"/><br/>
    <textarea name="" id="tt" cols="30" rows="10"></textarea><br/>
    <input type="button" value="评论一下" id="btn"/><br/>
</div>
<script>
    var userName=document.getElementById("userName");
    var wenBen=document.getElementById("tt");
    var btn=document.getElementById("btn");
    var tbody=document.getElementById("tbd");
    btn.onclick=function(){
        //创建行
        var tr=document.createElement("tr");
        //把行加到tbd中
        tbody.appendChild(tr);
        //创建第一个单格
        var td1=document.createElement("td");
        //加到行里面
        tr.appendChild(td1);
        //创建第二个单格
        var td2=document.createElement("td");
        //加到行里
        tr.appendChild(td2);
        td1.innerText=userName.value;
        td2.innerText=wenBen.value;
        userName.value="";
        wenBen.value="";
    };
</script>
</body>