怎样动态的修改网页显示内容？

Question

<style type="text/css">
<!--
body,td,input{
font-size:9pt;
}
//-->
</style>
<script language="JScript">
<!--
function AddTable(AText){
AText=AText==""?"没有添加文字":AText;
TableBox.insertRow().insertCell().innerHTML="添加表格的文字:<input style='width:100' value='"+AText+"'><input type='button' value='删除' onclick='TableBox.deleteRow(parentElement.parentElement.rowIndex)'>";
}
function DeleteTr(){
var No=TableBox.rows.length;
for(i=0;i<No;i++)TableBox.deleteRow();
}
//-->
</script>
<table border>
<tr><td>添加表格的文字:<input style="width:100" id="AddInput"><input type="button" value="添加" onclick="AddTable(AddInput.value)"><input type="button" value="全删" onclick="DeleteTr()"></td></tr>
</talbe>
<table border id="TableBox">
</talbe>