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