评论区

最新推荐文章于 2023-09-17 21:20:04 发布

广东话的蛇皇

最新推荐文章于 2023-09-17 21:20:04 发布

阅读量202

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43618136/article/details/104308680

版权

前端专栏收录该内容

352 篇文章 1 订阅

订阅专栏

无刷新评论

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
</head>
<body>
<table id="tb" border="1">
  <tbody id="tbody">
  <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>
  //获取按钮,注册点击事件
  document.getElementById("btn").onclick = function () {
    //获取昵称的元素
    var userName = document.getElementById("userName");
    //获取评论的元素
    var tt = document.getElementById("tt");
    //创建行
    var tr = document.createElement("tr");
    //行加到tbody中
    document.getElementById("tbody").appendChild(tr);
    //创建列
    var td1 = document.createElement("td");
    tr.appendChild(td1);
    td1.innerHTML = userName.value;
    //创建列
    var td2 = document.createElement("td");
    tr.appendChild(td2);
    td2.innerHTML = tt.value;
    //清空
    userName.value = "";
    tt.value = "";
  };


</script>

</body>
</html>