JS动态增加页面上的控件实例

 

< input   type = " button "    value = " 继续添加 "    onclick = " append(); " /   >  
< div   id = " div1 "   >  
< input   type = " file "    name = " file1 "   >  
< div  >  

< script   language = " javascript "   >  
var    index = 1 ; 
function    append() 
{ 
var    div    = document.getElementById( " div1 " ); 
var    file = document.createElement( " input " ); 
file.setAttribute( " type " , " file " ); 
index ++ ; 
var    name = file + index; 
file.setAttribute( " name " ,name); 
div.appendChild(file); 

var    br = document.createElement( " br " ); // 换行 
div.appendChild(br); 
} 
</ script  >