javascript實現的動態添加表單元素input,button等(appendChild)

寫一個小系統時,需要動態添加表單元素,按自己的實現方法寫了這篇教程!
我想各位在很多網站上都看到過類似的效果!
1、先用document.createElement方法創建一個input元素！

代碼如下:

var newInput = document.createElement("input"); 

2、設定相關屬性，如name,type等 

代碼如下:

newInput.type=mytype;  
newInput.name="input1"; 

3、用appendChild方法,將元素追加到某個標簽內容中！

代碼如下:

TemO.appendChild(newInput); 

Javascrip核心代碼：

代碼如下:

<script language="javascript"> 
function AddElement(mytype){ 
var mytype,TemO=document.getElementById("add"); 
var newInput = document.createElement("input");  
newInput.type=mytype;  
newInput.name="input1"; 
TemO.appendChild(newInput); 
var newline= document.createElement("br");//創建一個BR標簽是為能夠換行！ 
TemO.appendChild(newline); 
} 
</script> 

 

 

寫一個小系統時,需要動態添加表單元素,按自己的實現方法寫了這篇教程!
我想各位在很多網站上都看到過類似的效果!
1、先用document.createElement方法創建一個input元素！

復制代碼 代碼如下:

var newInput = document.createElement("input"); 

2、設定相關屬性，如name,type等 

復制代碼 代碼如下:

newInput.type=mytype;  
newInput.name="input1"; 

3、用appendChild方法,將元素追加到某個標簽內容中！

復制代碼 代碼如下:

TemO.appendChild(newInput); 

Javascrip核心代碼：

復制代碼 代碼如下:

<script language="javascript"> 
function AddElement(mytype){ 
var mytype,TemO=document.getElementById("add"); 
var newInput = document.createElement("input");  
newInput.type=mytype;  
newInput.name="input1"; 
TemO.appendChild(newInput); 
var newline= document.createElement("br");//創建一個BR標簽是為能夠換行！ 
TemO.appendChild(newline); 
} 
</script>