请问怎样用javascript动态的添加(text)控件

Question

<select  onchange=CreateText(this.value)>  
<option  value="1">&micro;&yen;&Ograve;&raquo;</option>  
<option  value="5">&para;à&cedil;&ouml;</option>  
</select>  
 
<script>  
<!--
function  CreateText(TextNum){  
           var  obj  =  null;  
           var  loop  =  0;  
           var  i  =  0;  
             
           while  (i<5){  
                       if(document.getElementById("test"+i)!=null){  
                                   document.body.removeChild(document.getElementById("test"+i));  
                       }  
                       i  ++;  
           }  
           while  (loop  <  TextNum){  
                       obj  =  document.createElement("INPUT");  
                       obj.type  =  "text";  
                       obj.id  =  "test"+loop;  
                       document.body.appendChild(obj);    
                       loop  ++;  
           }  
}  
//-->
</script>

Answer 1

<input type= "button" value= "add text" onclick= "CreateText(this.value)">
<script>  
<!--
var  loop  =  0;  var  obj  =  null; 
function  CreateText(TextNum){  
                       obj  =  document.createElement("INPUT");  
                       obj.type  =  "text";  
                       obj.id  =  "test"+loop;  
                       document.body.appendChild(obj);    
                       loop  ++;  
}  
//-->
</script>

Answer 2

用innerHtml
<td id=apple></td>
apple.innerHtmle="<input type=text name=b1 value=''>";
就行了

Answer 3

谢谢各位大虾这么快的回复！！再问一个，如果我是要先在一个表格里加一行，再在这行里加一个“text"呢？

Answer 4

你到msdn上查insertRow,insertCell上面有例子，

Answer 5

楼主看看这个吧:
<script language="JavaScript">
<!--
function init() {
  var tbl, tbody, tr, td, text, i, max;
  max = 1000;
  var theDoc = document;  
  var theBody = theDoc.body;
 
  tbl = theDoc.createElement("TABLE"); //创建table 对象
  tbl.border = "1";                    //table对象的边框设为1
  tbody = theDoc.createElement("TBODY"); //创建tbody对象
  tbl.insertBefore(tbody, null);       //将tbody插入到table对象中
  theBody.insertBefore(tbl, null);     //将table对象插入到body对象中
  for (i=0; i<max; i++) {
     tr = theDoc.createElement("TR");  //创建tr对象
     td = theDoc.createElement("TD");  //创建td对象
     text = theDoc.createTextNode("Text");//创建text对象内容
     //input = theDoc.createElement("select"); //创建input对象
     tbody.insertBefore(tr, null);    //将tr插入到tbod对象中
     tr.insertBefore(td, null);       //将td插入到tr中
     td.insertBefore(text, null);     //将text 插入到td对象中
  }
}
//-->
</script>

Answer 6

<Table id=table12 name= "table12" 》
<tr>
<td>asdf</td>
</tr>
<SCRIPT>
var row = table12.insertRow(0); 
cel = row.insertCell(0);
cel.innerHTML = "bbbbbbbbbb";
cel.style.background = "#FFFFFF";
</SCRIPT>

Answer 7

http://lucky.myrice.com/javascriptexam/addelement.htmhttp://msdn.microsoft.com/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Answer 8

obj.innerHTML +="<input name=lll value=dsdf>";