|
|
我想各位在很多網站上都看到過類似的效果!
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>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
JavaScript技術：javascript實現的動態添加表單元素input,button等(appendChild)，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
