无刷新评论HTML代码(存在360浏览器的兼容性问题)
<!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 add() {
if (txtName.value != "" && txtContent.value != "") {
var name = document.getElementById("txtName").value;
var content = document.getElementById("txtContent").value;
var tr = document.createElement("tr");
var td0 = document.createElement("td");
td0.innerText = name;
tr.appendChild(td0);
var td1 = document.createElement("td");
td1.innerText = content;
tr.appendChild(td1);
var table = document.getElementById("re");
table.appendChild(tr);
txtName.value = "";
txtContent.value = "";
}
else {
alert("姓名和内容不能为空!");
}
}
</script>
</head>
<body>
<p>
最新新闻</p>
<table id="re">
</table>
<hr />
评论:
<input type="text" id="txtName" value="" />
<br />
<textarea id="txtContent" cols="40" rows="10"></textarea>
<br />
<input type="button" value="提交评论" onclick="add()" />
</body>
</html>