<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无刷新评论</title>
<script type="text/javascript">
//添加评论
function addComment(){
var nickName = document.getElementById("nickname").value; //获取昵称
var content = document.getElementById("content").value; //获取评论内容
var table = document.getElementById("tbComment"); //获得页面中的table
var tr = document.createElement("tr"); //创建一个tr
var td1 = document.createElement("td"); //创建第一个td
td1.innerText = nickName + "说："; //昵称，注：FireFox不支持innerText，使用innerHTML
tr.appendChild(td1); //把第一个td添加到tr
var td2 = document.createElement("td"); //创建第二个td
td2.innerText = content; //内容
tr.appendChild(td2); //把第二个td添加到tr
table.tBodies[0].appendChild(tr); //把tr添加到table
}
</script>
</head>
<body>
<h3>《仙剑奇侠传五》是由北京软星信息科技有限公司开发的一款大型3D角色扮演单机游戏</h3>
<p>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
<br />
评论区：
<br />
<table id="tbComment" style="border:1px blue solid;">
<tbody></tbody>
</table>
<br />
<br />
昵称：
<br />
<input type="text" id="nickname" />
<br />
内容：
<br />
<textarea id="content" cols="" rows=""></textarea>
<input type="button" value="评论" _disibledevent=>
</body>
</html>
最新评论