javascript中怎么动态在页面上增加或删除一个控件。

Question

我需要的不是用document.write("<TABLE id="Table1"></table>");

Answer 1

play with 
<form name="form1">
<div id="dvHtml"></div>
</form><input type="button" value="add" onclick="addControl()">
<input type="button" value="remove" onclick="removeControl()"><script language="javascript">
function addControl()
{
 var o = document.all("dvHtml");
 var e = document.createElement("INPUT");
 e.type = "text";
 e.name = "hello";
 o.appendChild(e);
}function removeControl()
{
   var o = document.all("dvHtml");
   var nodes = o.childNodes;
   if (nodes.length > 0)
o.removeChild(nodes[nodes.length-1]);
}
</script>

Answer 2

play with 
<form name="form1">
<div id="dvHtml"></div>
</form><input type="button" value="add" onclick="addControl()">
<input type="button" value="remove" onclick="removeControl()"><script language="javascript">
function addControl()
{
 var o = document.all("dvHtml");
 var e = document.createElement("INPUT");
 e.type = "text";
 e.name = "hello";
 o.appendChild(e);
}function removeControl()
{
   var o = document.all("dvHtml");
   var nodes = o.childNodes;
   if (nodes.length > 0)
o.removeChild(nodes[nodes.length-1]);
}
</script>