如何用appendChild结合createElement(str)动态生成【多个】元素？

Question

<table>
<tr><td id=obj1><input name=num></td></tr>
</table>
<input name=addobj type=button value="添加" onclick=add()>
<script language=javascript>
function add()
{
for(i=0;i<3;i++)
{
var inputObj = document.createElement("input");
inputObj.name = "hbhbhbhbhb1021"+"i";
inputObj.value = "hbhbhbhbhb1021";
obj1.appendChild(inputObj);
}
}
</script>
或者直接用innerHTML

Answer 1

若是觉得 createElement 不方便，那就用 innerHTML 呀。

Answer 2

楼上两位：
    我要实现的是： 
    在树结构中，在各节点中添加叶子节点，并同时画出连线等信息。
    这些信息是通过一个函数返回的字符串，主要是在onload()时用document.write()调用函数。在操作按钮时通过document.append类似的方法动态调整。主要是各节点都有对应位置，  如果通过createElement每一各元素都这样操作就非常麻烦。
    不知楼上说的用innerHTML是否能实现？     ps:我对innerHTML的理解是：通过一个DIV之类，然后写divid.innerHTML='**',我现在不能每次都对应一个div。而且各元素位置很精确在函数返回的串中是计算好的。
     不知是不是我有那里理解错误。
     
     那具体怎么实现呢？先谢过了 ，^_^

Answer 3

对于多节点的生成，用 innerHTML 的效率会好于 createElement，这是我做的树里得出的结论