案例：无刷新评论---属于创建对象的案例拿出来复习
创建行和单元格，添加到相应元素中，设置内容 createElement, appendChild,innerHTML
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>title</title>
</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>