小白一个。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script language="javascript">
function go(){
var person=document.createTextNode(form.person.value);//创建代表评论人的textnode节点
var content=document.createTextNode(form.content.value);//创建代表评论内容的textnode节
var td_person=document.createElement("td");//创建tdtr类型节点
var td_content=document.createElement("td");
var tr=document.createElement("tr");
var tbody=document.createElement("tbody");
//将textnode节点加入到td中
td_person.appendChild(person);
td_content.appendChild(content);
//将td类型加入tr中
tr.appendChild(td_person);
tr.appendChild(td_content);
tbody.appendChild(tr);//tr添加到tbody末尾
var mytable=document.getElementById("mytable");
mytable.appendChild(tbody);
form.person.value="";
form.content.value="";
}
</script>
</head>
<body>
<div style="width:980px;margin:0 auto">
<table width=60% border="1" align="center" name="mytable">
<tr>
<td width=30%>name</td>
<td width=70%>content</td>
</tr>
</table><br><br><br><br>
<hr>
<form method="post" name="form">
姓名:
<input type="text" name="relation" size=50 id="person"><br><br>
内容:
<textarea cols=78 rows=10 id="content" style=vertical-align:top;></textarea><br>
<input type="submit" name="submit" value="上墙" onclick="go()">
<input type="reset" name="reset" value="取消">
</form>
</div>
</body>
<html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script language="javascript">
function go(){
var person=document.createTextNode(form.person.value);//创建代表评论人的textnode节点
var content=document.createTextNode(form.content.value);//创建代表评论内容的textnode节
var td_person=document.createElement("td");//创建tdtr类型节点
var td_content=document.createElement("td");
var tr=document.createElement("tr");
var tbody=document.createElement("tbody");
//将textnode节点加入到td中
td_person.appendChild(person);
td_content.appendChild(content);
//将td类型加入tr中
tr.appendChild(td_person);
tr.appendChild(td_content);
tbody.appendChild(tr);//tr添加到tbody末尾
var mytable=document.getElementById("mytable");
mytable.appendChild(tbody);
form.person.value="";
form.content.value="";
}
</script>
</head>
<body>
<div style="width:980px;margin:0 auto">
<table width=60% border="1" align="center" name="mytable">
<tr>
<td width=30%>name</td>
<td width=70%>content</td>
</tr>
</table><br><br><br><br>
<hr>
<form method="post" name="form">
姓名:
<input type="text" name="relation" size=50 id="person"><br><br>
内容:
<textarea cols=78 rows=10 id="content" style=vertical-align:top;></textarea><br>
<input type="submit" name="submit" value="上墙" onclick="go()">
<input type="reset" name="reset" value="取消">
</form>
</div>
</body>
<html>