JS---案例：无刷新评论---属于创建对象的案例拿出来复习
2021-05-06 08:29
标签：doc utf-8 meta ack set back 设置 inner 元素 创建行和单元格，添加到相应元素中，设置内容 createElement, appendChild,innerHTML JS---案例：无刷新评论---属于创建对象的案例拿出来复习 标签：doc utf-8 meta ack set back 设置 inner 元素 原文地址：https://www.cnblogs.com/jane-panyiyun/p/12099591.html案例：无刷新评论---属于创建对象的案例拿出来复习
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>titletitle>
head>
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 src="common.js">script>
script>
//获取按钮，注册点击事件
document.getElementById("btn").onclick = function () {
//获取昵称
var userName = my$("userName");
//获取评论
var tt = my$("tt");
//创建行
var tr = document.createElement("tr");
//行加到tbody中
my$("tbd").appendChild(tr);
//创建单元格td1,并添加到行
var td1 = document.createElement("td");
tr.appendChild(td1);
td1.innerHTML = userName.value;
//创建单元格td2,并添加到行
var td2 = document.createElement("td");
tr.appendChild(td2);
td2.innerHTML = tt.value;
//清空
userName.value = "";
tt.value = "";
};
script>
body>
html>
上一篇：高效JS简化版
下一篇：box-sizing css
文章标题：JS---案例：无刷新评论---属于创建对象的案例拿出来复习
文章链接：http://soscw.com/index.php/essay/83135.html