如何使用javascript動態添加HTML表單元素

Question

我正在嘗試使用JavaScript動態添加文本字段。從我所知道的，我的代碼應該可以工作。

function change() 
{ 
textField = document.createElement("text"); 
textField.id="sub"+count; 
textField.name="sub"+count; 
textField.value="Enter a name for another new subcategory"; 
textField.size="35"; 
textField.onchange="javascript:change()"; 
textField.onFocus="javascript:clearField()"; 
document.getElementById("addCatForm").appendChild(textField); 
} 

Answer 1

你想：

var field = document.createElement('input'); 
field.type = 'text'; 

NB如果你正在做大量的JavaScript開發的，你可能想使用一個框架，比如ExtJS

代碼來執行這將是：

var field = Ext.get('form').createChild({ 
    tag: 'input' 
    //other options 
}); 
field.on('change', change); 
field.on('focus', focus); 

Answer 2

你正在創建一個文本元素，但添加的東西給它一個輸入元素。