用javascript的DOM对象的一个简单的评论管理示例

刚刚学了javascript的DOM技术,比较信任Document Object Model,也就是文档对象模型。

好不容易写了评论管理一个页面,赶紧打开浏览器测试。

结果发表和删除评论按钮没有用。可能是本地测试的问题,放到服务器里去,也是一样。

然后我赶紧改了下,其实也就是一些细节,终于实现了重置文本框内容的功能。但是其它几个按钮为什么没用,又有谁知道呢?


<html>
<head>
<script language=”javascript”>
function addElement(){
var person = document.creatTextNode(form1.person.value);
var content = document.ccreatTextNode(forn1,content.value);

var td_person = document.creatElement(“td”);
var td_content = document.creatElement(“td”);
var tr = document.creatElement(“tr”);
var tbody = document.creatElement(“tbody”);

td_person.appendChild(person);
td_content.appendChild(content);

tr.appendChild(td_person);
tr.appendChild(td_content);
tbody.appendChild(tr);
var tComment = document.getElementById(“comment”)
tComment.appendChild(tbody);
form1.person.value=””;
form1.comment.value=””;
}
</script>

<script language=”javascript”>
function deleteFirstE(){
var tComment = document.getElementById(“comment”);
if(tComment.rows.length>1){
tComment.deleteRow(1);
}
}
</script>

<script language=”javascript”>
function deletelastE(){
var tComment = document.getElementById(“comment”);
if(tComment.rows.length>1){
tComment.deleteRow(tComment.rows,length-1);
}
}
</script>
</head>
<body>
<table width=96% border=”1″ align=”center” cellpadding=”0″ cellspacing=”0″ bordercolor=”#FFFFFF” bordercolorlight=”#666666″ bordercolordark=”#FFFFFF” id=”comment”>
<tr>
<td width=”18%” height=”10%” align=”center” bgcolor=”#E5BB93″>评论人</td>
<td width=”82%” align=”center” bgcolor=”#E5BB93″>评论内容</td>
</tr>
</table>

<form name=”form1″ method=”post” action=””>
评论人:<input name=”person” type=”text” id=”person” size=”40″>
评论内容:<textarea name=”content” cols=”60″ rows=”6″ id=”content”>
</textarea>

<input name=”Button” type=”button” class=”btn_gray” value=”发表” onClick=”addElement()”>
<input name=”Reset” type=”reset” class=”btn_gray” value=”重置”>
<input name=”Button” type=”button” class=”btn_gray” value=”删除第一条评论” onClick=”deleteFirstE()”>
<input name=”Button” type=”button” class=”btn_gray” value=”删除最后一条评论” onClick=”deleteLastE()”>
</form></body>


我把这个网页文件先留着,一段时间之后,我对js的理解一点更深,到那时候,或许我就会看懂了。

《用javascript的DOM对象的一个简单的评论管理示例》有76个想法

发表评论