|
我想各位在很多網(wǎng)站上都看到過類似的效果!
1、先用document.createElement方法創(chuàng)建一個input元素!
復制代碼 代碼如下:
var newInput = document.createElement("input");
2、設定相關屬性,如name,type等
復制代碼 代碼如下:
newInput.type=mytype;
newInput.name="input1";
3、用appendChild方法,將元素追加到某個標簽內(nèi)容中!
復制代碼 代碼如下:
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");//創(chuàng)建一個BR標簽是為能夠換行!
TemO.appendChild(newline);
}
</script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
JavaScript技術(shù):javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild),轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。