我的漫漫程序之旅

專注于JavaWeb開發

隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0

數據加載中……

Javascript動態創建控件

<html>

<head>

function createElement(tagName, type)

{

var element = null;

try

{

element = document.createElement('<' + tagName + ' name="'+name+'" />');

element.type = type;

element.value = value;

}

catch (e)

{

}

if ( ! element)

{

element = document.createElement(tagName);

element.setAttribute("type", type);

}

return element;

}

function add()

{

var input1 = createElement("input","file");

var br = document.createElement("<br />");

var files = document.getElementById("files");

files.appendChild(br);

files.appendChild(input1);

}

</script>

</head>

<body>

</div>

</body>

</html>

延伸一下，動態創建input任意元素代碼片段如下即可:

function createElement(tagName,name,type,value)

{

var element = null;

try

{

element = document.createElement('<'+tagName+' name="'+name+'" />');

element.type = type;

element.value = value;

}

catch (e)

{

}

if (!element)

{

element = document.createElement(tagName);

element.setAttribute("type",type);

element.setAttribute("name",name);

element.setAttribute("value",value);

}

return element;

}

posted on 2008-01-31 16:07 々上善若水々閱讀(2627) 評論(0) 編輯收藏所屬分類: JavaScript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Javascript繼承非常實用的j avascript 驗證碼生成 Ext中常用的獲取元素(get)的方法及區別 Ext 復雜Form布局 Ext Form 的驗證 Ext Form daterange&passwordfield 練習 Ext Form 簡單練習之一(login Form) Ext Buttn and MessageBox 簡單練習驗證身份證的完整函數 Prototype1.6 實戰11 (Ajax)

我的漫漫程序之旅

Javascript動態創建控件

導航

常用鏈接

留言簿(39)

隨筆檔案(43)

文章分類(304)

文章檔案(257)

搜索

最新評論

閱讀排行榜

評論排行榜