標籤：
寫一個小系統時,需要動態添加表單元素,按自己的實現方法寫了這篇教程!
我想各位在很多網站上都看到過類似的效果!
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>
javascript實現的動態添加表單元素input,button等(appendChild)
